Metode penelusuran jQuery - nextUntil()

Panduan Penelusuran jQuery

Contoh

Cari elemen saudara berikutnya yang mengikuti <dt id="term-2"> sampai <dt>, dan atur warna latar belakang mereka menjadi merah. Selain itu, cari elemen saudara <dd> yang mengikuti <dt id="term-1"> sampai <dt id="term-3">, dan atur warna teks mereka menjadi biru.

$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");

Coba sendiri

Definisi dan penggunaan

nextUntil() mendapatkan semua saudara berikutnya dari setiap elemen, tetapi tidak termasuk elemen yang dipilih pemilihan, DOM node, atau objek jQuery yang disampaikan.

Grammar 1

.nextUntil(selector,filter)
Parameter Deskripsi
selector Nilai string, berisi ekspresi pemilihan yang menunjukkan di mana pemilihan saudara berikutnya berhenti.
filter Nilai string, berisi ekspresi pemilihan yang digunakan untuk mencocokkan elemen.

Grammar 2

.nextUntil(element,filter)
Parameter Deskripsi
element Menunjukkan di mana pemilihan saudara berikutnya berhenti DOM node atau objek jQuery.
filter Nilai string, berisi ekspresi pemilihan yang digunakan untuk mencocokkan elemen.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .nextUntil() memungkinkan kami untuk mencari elemen saudara berikutnya dalam pohon DOM, berhenti mencari saat menemui elemen yang dipilih parameter metode ini. Objek jQuery yang kembali mengandung semua elemen saudara berikutnya, tetapi tidak termasuk elemen yang dipilih parameter.

Jika pemilihan tidak cocok atau pemilihan tidak ditentukan, semua saudara berikutnya akan dipilih; jika pemilihan untuk disaring tidak disediakan, elemen yang dipilih oleh metode ini sama seperti metode .nextAll().

Untuk jQuery 1.6, DOM node atau objek jQuery, bukan pemilihan, dapat disampaikan ke metode .nextUntil().

Metode ini menerima ekspresi pemilihan pilihan sebagai parameter kedua. Jika parameter ini diset, elemen akan disaring melalui pengujian apakah elemen memenuhi pemilihan ini.

Panduan Penelusuran jQuery