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

Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Użyj metody jQuery, aby pobrać pierwszy element <div> w dokumencie.

$("div").();


jQuery Traversing Reference

Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .