jQuery Traversing - Filtering


Die eerste(), laaste(), eq(), filter() en nie() Metodes

Die mees basiese filtermetodes is first(), last()en eq(), wat jou toelaat om 'n spesifieke element te kies op grond van sy posisie in 'n groep elemente.

Ander filtermetodes, soos filter()en not()laat jou toe om elemente te kies wat pas, of nie pas nie, by 'n sekere kriteria.


jQuery first() Metode

Die first()metode gee die eerste element van die gespesifiseerde elemente terug.

Die volgende voorbeeld kies die eerste <div> element:

Voorbeeld

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

jQuery laaste () Metode

Die last()metode gee die laaste element van die gespesifiseerde elemente terug.

Die volgende voorbeeld kies die laaste <div> element:

Voorbeeld

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


jQuery eq() metode

Die eq()metode gee 'n element met 'n spesifieke indeksnommer van die geselekteerde elemente terug.

Die indeksnommers begin by 0, dus sal die eerste element die indeksnommer 0 hê en nie 1 nie. Die volgende voorbeeld kies die tweede <p>element (indeksnommer 1):

Voorbeeld

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

jQuery filter() Metode

Die filter()metode laat jou 'n kriteria spesifiseer. Elemente wat nie by die kriteria pas nie, word uit die seleksie verwyder, en dié wat ooreenstem, sal teruggestuur word.

Die volgende voorbeeld gee alle <p>elemente met klasnaam "intro" terug:

Voorbeeld

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

jQuery nie() Metode

Die not()metode gee alle elemente terug wat nie by die kriteria pas nie.

Wenk: Die not()metode is die teenoorgestelde van filter().

Die volgende voorbeeld gee alle <p>elemente terug wat nie die klasnaam "intro" het nie:

Voorbeeld

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

jQuery Oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik 'n jQuery-metode om die eerste <div>-element in die dokument te kry.

$("div").();


jQuery Traversing Reference

Vir 'n volledige oorsig van alle jQuery Traversing metodes, gaan asseblief na ons jQuery Traversing Reference .