Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mendapatkan nod saudara dalam jquery

Bagaimana untuk mendapatkan nod saudara dalam jquery

PHPz
Lepaskan: 2023-05-25 12:08:37
asal
3833 orang telah melayarinya

JQuery ialah perpustakaan Javascript yang sangat baik yang boleh memudahkan operasi DOM dan mencari serta mengendalikan elemen HTML dalam halaman dengan cepat, termasuk nod adik-beradik.

Dapatkan nod adik beradik

Dalam HTML, nod adik beradik merujuk kepada unsur adik beradik di bawah elemen induk yang sama Kandungan teksnya tidak semestinya berkaitan, tetapi ia hanya tergolong dalam unsur induk yang sama. Dalam JQuery, anda boleh mendapatkan nod adik beradik melalui beberapa kaedah Kaedah yang paling biasa digunakan adalah seperti berikut:

  1. kaedah adik beradik(): Kaedah adik beradik() mengembalikan semua elemen pada tahap yang sama seperti semasa. elemen, tidak termasuk elemen semasa itu sendiri.

Sebagai contoh, andaikan terdapat kod HTML berikut:

<ul>
  <li>Item 1</li>
  <li id="current">Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>
Salin selepas log masuk

Terdapat elemen dengan id "semasa", kita boleh mendapatkan semua elemen pada tahap yang sama dengannya melalui kod berikut:

$("#current").siblings();
Salin selepas log masuk

Kod ini akan mengembalikan objek JQuery yang mengandungi elemen "Item 1", "Item 3" dan "Item 4". Jika anda perlu mendapatkan elemen adik beradik tertentu, anda boleh menggunakan parameter kaedah adik beradik().

  1. kaedah next(): Kaedah next() mendapat elemen adik beradik pertama selepas elemen semasa.

Sebagai contoh, dalam contoh sebelumnya, kita boleh mendapatkan elemen "Item 3" dengan kod berikut:

$("#current").next();
Salin selepas log masuk
  1. kaedah terdahulu(): kaedah terdahulu() dapatkan Elemen adik beradik pertama sebelum elemen semasa.

Sebagai contoh, dalam contoh sebelumnya, kita boleh mendapatkan elemen "Item 1" dengan kod berikut:

$("#current").prev();
Salin selepas log masuk

Ringkasan

melalui adik-beradik JQuery() Kaedah , next() dan prev() untuk mendapatkan nod adik beradik dengan mudah. Menggunakan kaedah ini, anda boleh membuat pertanyaan dan mengendalikan elemen dengan cepat. Walau bagaimanapun, perlu diingatkan bahawa kaedah ini hanya digunakan untuk elemen pada tahap yang sama Jika anda perlu menanyakan elemen pada tahap lain, anda perlu menggunakan kaedah carian lain.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan