Bagaimana untuk menggunakan kanak-kanak dalam jquery

Penggunaan anak dalam jquery: 1. Buat html, fail contoh jquery; 2. Tentukan elemen induk sebagai "ibu bapa" 2. Dapatkan semua elemen anak langsung melalui kaedah ".children()" dan simpannya dalam pembolehubah "hildElements" 3. Hanya keluarkan hasilnya melalui konsol.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi php8.1.3, komputer Dell G3.

Dalam jQuery, anda boleh menggunakan kaedah .children() untuk mendapatkan elemen anak langsung bagi elemen padanan. Kaedah ini mengembalikan objek jQuery yang mengandungi semua elemen anak langsung.

Berikut ialah contoh kod menggunakan kaedah .children():

Kod HTML:

<div id="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

kod jQuery :

// 选择父元素并获取其直接子元素
var parentElement = $('#parent');
var childElements = parentElement.children();
// 遍历并操作子元素
childElements.each(function() {
  var childText = $(this).text();
  console.log(childText);
});
// 选择特定的子元素
var firstChild = parentElement.children('.child:first');
console.log(firstChild.text());

Dalam contoh di atas, mula-mula pilih elemen induk #parent, kemudian gunakan kaedah .children() untuk mendapatkan semua elemen anak langsung dan simpan hasilnya dalam pembolehubah childElements. Lelaran melalui elemen kanak-kanak melalui kaedah .each() dan keluarkan kandungan teks setiap elemen kanak-kanak.

Selain itu, contoh menunjukkan cara memilih elemen kanak-kanak tertentu. Menggunakan ungkapan .children('.child:first'), anda boleh memilih elemen anak pertama dengan nama kelas .child dan mengeluarkan kandungan teksnya.

Melalui kaedah .children(), anda boleh mendapatkan dan mengendalikan elemen anak langsung elemen tersebut dengan mudah. Anda boleh menggunakan kaedah jQuery lain untuk memanipulasi dan memproses elemen anak mengikut keperluan anda.

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kanak-kanak dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!