Bagaimana untuk Menentukan Elemen HTML Kosong dalam jQuery?

Menentukan Elemen HTML Kosong dalam jQuery

Untuk senario di mana pelaksanaan bersyarat berdasarkan kekosongan elemen HTML diperlukan, jQuery menawarkan penyelesaian.

The jQuery :empty Selector

Untuk menyemak sama ada elemen HTML kosong, gunakan jQuery's :empty selector.

<code class="js">if ($('#element').is(':empty')) {
  // do something
}</code>

Pemilih ini mengembalikan true jika elemen yang dipilih tidak mengandungi unsur anak, teks atau ruang putih.

Mengendalikan Elemen Tersembunyi

Walau bagaimanapun, penyemak imbas mungkin merawat elemen tersembunyi, seperti ruang dan pemisah baris, secara berbeza. Untuk mengabaikan elemen tersembunyi ini dan memastikan tingkah laku yang konsisten, pertimbangkan untuk menggunakan fungsi berikut:

<code class="js">function isEmpty(el) {
  return !$.trim(el.html());
}

if (isEmpty($('#element'))) {
  // do something
}</code>

Ini memastikan bahawa hanya kandungan teks yang boleh dilihat dipertimbangkan semasa menentukan kekosongan. Begitu juga, pemalam jQuery boleh dibuat berdasarkan fungsi ini.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Elemen HTML Kosong dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!