tutorial pengembangan web terbaru
 

jQuery nextAll() Method

<Metode jQuery Melintasi

Contoh

Kembali semua elemen saudara berikutnya masing-masing <li> elemen dengan nama kelas "start" :

$(document).ready(function(){
    $("li.start").nextAll().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)
Cobalah sendiri "

Definisi dan Penggunaan

The nextAll() method mengembalikan semua elemen saudara berikutnya dari elemen yang dipilih.

elemen saudara adalah elemen yang berbagi induk yang sama.

Pohon DOM: Metode ini melintasi depan bersama saudara elemen DOM.

metode terkait:

  • next() - mengembalikan elemen saudara berikutnya dari elemen yang dipilih
  • nextUntil() - mengembalikan semua elemen saudara berikutnya antara dua argumen yang diberikan

Sintaksis

$(selector).nextAll( filter )

Parameter Deskripsi
filter Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian saudara berikutnya

Catatan: Untuk kembali beberapa saudara kandung, memisahkan setiap ekspresi dengan koma.

Coba Sendiri - Contoh

Mempersempit pencarian
Bagaimana untuk menyaring pencarian elemen saudara berikutnya.

Kembali beberapa saudara kandung
Menggunakan parameter filter untuk mendapatkan semua saudara kandung dari <h2> elemen yang memiliki nama kelas "first", "second" dan "third" .

Pilih semua elemen saudara berikutnya dari <p> elemen
Bagaimana memilih semua elemen saudara berikutnya dari <p> elemen.

Pilih semua saudara berikutnya <p> elemen <div>
Bagaimana memilih semua saudara berikutnya <p> elemen setiap <div> elemen.


<Metode jQuery Melintasi