jQuery Traversing - Pemfilteran


Metode pertama(), terakhir(), persamaan(), filter() dan bukan()

Metode pemfilteran paling dasar adalah first(), last()dan eq(), yang memungkinkan Anda memilih elemen tertentu berdasarkan posisinya dalam sekelompok elemen.

Metode pemfilteran lainnya, seperti filter()dan not()memungkinkan Anda memilih elemen yang cocok, atau tidak cocok, dengan kriteria tertentu.


jQuery pertama () Metode

Metode first()mengembalikan elemen pertama dari elemen yang ditentukan.

Contoh berikut memilih <div> elemen pertama:

Contoh

$(document).ready(function(){
  $("div").first();
});

jQuery last() Metode

Metode last()mengembalikan elemen terakhir dari elemen yang ditentukan.

Contoh berikut memilih <div> elemen terakhir:

Contoh

$(document).ready(function(){
  $("div").last();
});


jQuery eq() metode

Metode eq()mengembalikan elemen dengan nomor indeks tertentu dari elemen yang dipilih.

Angka indeks dimulai dari 0, jadi elemen pertama akan memiliki nomor indeks 0 dan bukan 1. Contoh berikut memilih <p>elemen kedua (nomor indeks 1):

Contoh

$(document).ready(function(){
  $("p").eq(1);
});

filter jQuery () Metode

Metode filter()ini memungkinkan Anda menentukan kriteria. Elemen yang tidak cocok dengan kriteria akan dihapus dari pilihan, dan elemen yang cocok akan dikembalikan.

Contoh berikut mengembalikan semua <p>elemen dengan nama kelas "intro":

Contoh

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery tidak () Metode

Metode not()mengembalikan semua elemen yang tidak cocok dengan kriteria.

Tip: Metode not()ini kebalikan dari filter().

Contoh berikut mengembalikan semua <p>elemen yang tidak memiliki nama kelas "intro":

Contoh

$(document).ready(function(){
  $("p").not(".intro");
});

Latihan jQuery

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan metode jQuery untuk mendapatkan elemen <div> pertama dalam dokumen.

$("div").();


Referensi Melintasi jQuery

Untuk ikhtisar lengkap tentang semua metode Jelajah jQuery, silakan kunjungi Referensi Jelajah jQuery kami .