Cara Menentukan Kekosongan Elemen HTML dengan jQuery

Menentukan Kekosongan Elemen HTML dengan jQuery

Dalam bidang pembangunan web, selalunya perlu untuk melaksanakan tindakan berdasarkan kekosongan atau ketidak- kekosongan elemen HTML. Untuk mencapai matlamat ini menggunakan jQuery, mari kita terokai pendekatan kalis mudah.

Untuk mengesahkan sama ada elemen HTML tiada kandungan, jQuery menawarkan pemilih is(':empty'). Pemilih ini menyemak elemen tanpa unsur anak, menjadikannya cara yang boleh dipercayai untuk mengesan unsur kosong.

if ($('#element').is(':empty')) {
  // do something
}

Selain itu, untuk kawalan yang lebih terperinci, anda boleh menggunakan $.trim(el.html() ) berfungsi untuk mengabaikan aksara yang tidak kelihatan seperti ruang dan pemisah baris. Ini memastikan ketekalan dalam mentafsir perkara yang membentuk elemen kosong:

function isEmpty(el) {
  return !$.trim(el.html());
}

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

Perlu diingat bahawa takrifan "kosong" boleh berbeza sedikit merentas penyemak imbas. Untuk pendekatan yang lebih standard, fungsi ini boleh ditukar menjadi pemalam jQuery.

Dengan memanfaatkan pemilih is(':empty') atau fungsi isEmpty tersuai, anda boleh menentukan dengan yakin sama ada elemen HTML kosong dan ambil tindakan sewajarnya.

Atas ialah kandungan terperinci Cara Menentukan Kekosongan Elemen HTML dengan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!