Latest web development tutorials

jQuery nextUntil () metode

metode traversal jQuery metode traversal jQuery

contoh

Mengembalikan semua elemen saudara antara kelas yang disebut "mulai" dan "berhenti" dua <li> elemen:

$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"});
});

hasil:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "stop")

Coba »

Definisi dan Penggunaan

Semua metode saudara nextUntil () mengembalikan setiap elemen antara pemilih dan berhenti setelah.

elemen saudara adalah elemen yang berbagi elemen induk yang sama.

DOM tree: Metode ini bersama saudara elemen DOM traversal maju.

Catatan: Semua saudara (dan jika kedua parameter null, metode mengembalikan unsur setelah nextAll () dengan cara yang sama).

metode terkait:

  • Berikutnya () - Pengembalian setelah menjadi elemen saudara dari elemen yang dipilih
  • nextAll () - Mengembalikan semua elemen saudara setelah elemen yang dipilih

tatabahasa

$(selector).nextUntil( stop,filter )

参数 描述
stop 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter 可选。规定缩小搜索介于 selector 与 stop 之间的同级元素范围的选择器表达式。

注意：如需返回多个同级元素，请使用逗号分隔每个表达式。

contoh

contoh yang lebih

Mempersempit pencarian Anda
Dua parameter yang digunakan untuk menyaring pencarian saudara elemen antara setiap elemen dari argumen antara dua nanti.

Kembali lebih dari satu elemen saudara
Cara kembali beberapa elemen saudara antara dua parameter.

DOM
Gunakan elemen DOM bukan pemilih untuk kembali ke semua elemen saudara antara dua parameter yang diberikan.

Gunakan DOM dengan dua parameter
Gunakan DOM dengan dua parameter bukannya memilih untuk menyaring pencarian untuk saudara elemen antara setiap elemen dari argumen antara kedua nanti.

metode traversal jQuery metode traversal jQuery