jQuery Traversing - Filtrowanie
First(), last(), eq(), filter() i not() Metody
Najbardziej podstawowe metody filtrowania to first()
, last()
i eq()
, które pozwalają wybrać określony element na podstawie jego pozycji w grupie elementów.
Inne metody filtrowania, takie jak filter()
i not()
pozwalają wybrać elementy, które pasują lub nie pasują do określonych kryteriów.
jQuery first() Metoda
Metoda first()
zwraca pierwszy element określonych elementów.
Poniższy przykład wybiera pierwszy <div>
element:
Przykład
$(document).ready(function(){
$("div").first();
});
Metoda jQuery last()
Metoda last()
zwraca ostatni element z określonych elementów.
Poniższy przykład wybiera ostatni <div>
element:
Przykład
$(document).ready(function(){
$("div").last();
});
jQuery eq() metoda
Metoda eq()
zwraca element o określonym numerze indeksu wybranych elementów.
Numery indeksów zaczynają się od 0, więc pierwszy element będzie miał numer indeksu 0, a nie 1. Poniższy przykład wybiera drugi <p>
element (numer indeksu 1):
Przykład
$(document).ready(function(){
$("p").eq(1);
});
Metoda jQuery filter()
Metoda filter()
pozwala określić kryteria. Elementy, które nie spełniają kryteriów, są usuwane z wyboru, a te, które pasują, zostaną zwrócone.
Poniższy przykład zwraca wszystkie <p>
elementy o nazwie klasy „intro”:
Przykład
$(document).ready(function(){
$("p").filter(".intro");
});
jQuery not() Metoda
Metoda not()
zwraca wszystkie elementy, które nie spełniają kryteriów.
Wskazówka: metoda not()
jest przeciwieństwem filter()
.
Poniższy przykład zwraca wszystkie <p>
elementy, które nie mają nazwy klasy „intro”:
Przykład
$(document).ready(function(){
$("p").not(".intro");
});
Ćwiczenia z jQuery
jQuery Traversing Reference
Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .