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
jQuery Traversing Reference
Vir 'n volledige oorsig van alle jQuery Traversing metodes, gaan asseblief na ons jQuery Traversing Reference .