tutorial pengembangan web terbaru
 

jQuery next() Method

<Metode jQuery Melintasi

Contoh

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

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

Hasil:

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

Definisi dan Penggunaan

The next() metode mengembalikan elemen saudara berikutnya dari elemen yang dipilih.

elemen saudara adalah elemen yang berbagi induk yang sama.

Pohon DOM: Metode ini melintasi depan sepanjang saudara berikutnya elemen DOM.

metode terkait:

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

Sintaksis

$(selector).next( filter )

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

Coba Sendiri - Contoh

Pilih saudara berikutnya masing-masing <div> elemen
Cara memilih elemen saudara berikutnya masing-masing <div> elemen.

Mempersempit pencarian
Bagaimana untuk memilih saudara berikutnya <p> unsur setiap <div> elemen.


<Metode jQuery Melintasi