Latest web development tutorials

jQuery traversal - rekan senegaranya (saudara)

Rekan memiliki elemen induk yang sama.

Dengan jQuery, Anda dapat melintasi rekan elemen di pohon DOM.

Tingkat di traversal pohon DOM

Ada banyak cara yang berguna untuk mendapatkan kita di tingkat DOM tree traversal:

  • saudara ()
  • berikutnya ()
  • nextAll ()
  • nextUntil ()
  • prev ()
  • prevAll ()
  • prevUntil ()

jQuery saudara () metode

Metode saudara () mengembalikan elemen yang dipilih semua elemen rekan-rekan.

Contoh berikut mengembalikan <h2> elemen semua rekan-rekan:

contoh

$(document).ready(function(){
$("h2").siblings();
});

Coba »

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian untuk rekan-rekan elemen.

Contoh berikut keuntungan milik <h2> elemen semua rekan-rekan <p> elemen:

contoh

$(document).ready(function(){
$("h2").siblings("p");
});

Coba »

() Metode jQuery berikutnya

Metode berikutnya () mengembalikan elemen yang dipilih ke rekan elemen berikutnya.

Metode ini mengembalikan hanya satu elemen.

Contoh berikut mengembalikan <h2> elemen rekan berikutnya:

contoh

$(document).ready(function(){
$("h2").next();
});

Coba »

jQuery nextAll () metode

Metode nextAll () mengembalikan semua elemen mengikuti rekan dari elemen yang dipilih.

Contoh berikut mengembalikan <h2> elemen semua rekan-rekan untuk mengikuti:

contoh

$(document).ready(function(){
$("h2").nextAll();
});

Coba »

jQuery nextUntil () metode

nextUntil () kembali metode antara semua elemen dari dua rekan untuk mengikuti parameter yang diberikan.

Contoh berikut mengembalikan antara <h2> dan <h6> elemen semua rekan-rekan antara unsur-unsur:

contoh

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Coba »

jQuery prev (), prevAll () & prevUntil () metode

Kerja prev (), prevAll () dan prevUntil () metode ini mirip dengan metode di atas, tetapi hanya dalam arah yang berlawanan: mereka kembali di depan elemen rekan senegaranya (dalam traversal pohon DOM mundur bersama rekan elemen sebaliknya maju).