Cara Mendapatkan Elemen DOM daripada Pemilih jQuery: Panduan dengan Contoh

Pengambilan Elemen DOM daripada Pemilih jQuery

Ramai pembangun menghadapi cabaran dalam mendapatkan semula elemen DOM daripada pemilih jQuery. Artikel ini menerangkan cara untuk mencapai ini, menggunakan contoh dunia sebenar.

Dalam kod sampel yang disediakan, pembangun ingin mengakses nilai kotak pilihan yang ditandai menggunakan elemen DOM sebenar. Contoh mempamerkan penggunaan is(":checked") untuk mengelakkan akses terus kepada elemen DOM. Walau bagaimanapun, pendekatan ini mungkin tidak sesuai untuk semua senario.

Mendapatkan Elemen DOM

Untuk mendapatkan elemen DOM mentah daripada pemilih jQuery, anda boleh menggunakan salah satu daripada pendekatan ini:

• $("table").get(0)
• $("table")[0]

Dengan menggunakan teknik ini, anda boleh mengakses elemen DOM sebenar, yang membolehkan anda memanipulasi sifatnya secara langsung. Walau bagaimanapun, adalah disyorkan untuk berpegang kepada kaedah jQuery apabila boleh, kerana ia menyediakan keserasian penyemak imbas yang lebih baik dan kebolehbacaan kod.

Contoh Kotak Semak Dilawati Semula

Contoh kotak pilihan yang disediakan boleh ditulis semula menggunakan kaedah jQuery, seperti yang ditunjukkan di bawah:

$(":checkbox").click(function() {
  if ($(this).is(":checked")) {
    // do stuff
  }
});

Pendekatan ini membolehkan kod yang lebih ringkas dan khusus jQuery. Ia juga termasuk penggunaan ini untuk merujuk kotak pilihan semasa.

Pernomboran Elemen Kotak Pilihan

Untuk menomborkan elemen kotak pilihan, anda boleh menggunakan kod berikut:

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});

$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});

Contoh ini menunjukkan cara untuk mengulangi elemen kotak semak, memberikan setiap satu indeks menggunakan kaedah $.each() jQuery. Ini membolehkan manipulasi yang lebih serba boleh bagi elemen kotak pilihan berdasarkan susunan berangkanya.

Atas ialah kandungan terperinci Cara Mendapatkan Elemen DOM daripada Pemilih jQuery: Panduan dengan Contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!