Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Postępowy - filtrowanie


Zawężenia wyszukiwania do elementów

Trzy najbardziej podstawowe metody filtrowania są first(), last() i eq() , które pozwalają na wybór konkretnego elementu na podstawie jego pozycji w grupie elementów.

Inne metody filtrujące, takie jak filter() i not() pozwala wybrać elementy, które odpowiadają lub nie pasują do siebie, pewne kryteria.


jQuery first() Metoda

first() sposób wraca do pierwszego elementu wybranych elementów.

Poniższy przykład wybiera pierwszy <p> elementu wewnątrz pierwszej <div> element:

Przykład

$(document).ready(function(){
    $("div p").first();
});
Spróbuj sam "

jQuery last() Metoda

last() Metoda zwraca ostatni element wybranych elementów.

Poniższy przykład wybiera ostatni <p> elementu wewnątrz ostatniej <div> element:

Przykład

$(document).ready(function(){
    $("div p").last();
});
Spróbuj sam "

jQuery eq() metoda

eq() Metoda zwraca element z określonym numerem indeksu wybranych elementów.

Numery rozpoczynają 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);
});
Spróbuj sam "

jQuery filter() Metoda

filter() metoda pozwala określić kryteria. Elementy, które nie odpowiadają kryteriom są usuwane z wyboru, a te, które pasują będą zwracane.

Poniższy przykład zwraca wszystkie <p> elementy z nazwą klasy "intro" :

Przykład

$(document).ready(function(){
    $("p").filter(".intro");
});
Spróbuj sam "

jQuery not() Metoda

not() Metoda zwraca wszystkie elementy, które nie są zgodne z kryteriami.

Wskazówka: not() metoda jest przeciwieństwem filter() .

Poniższy przykład zwraca wszystkie <p> elementy, które nie mają klasy nazwę "intro" :

Przykład

$(document).ready(function(){
    $("p").not(".intro");
});
Spróbuj sam "

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 » Ćwiczenia 6»


jQuery referowanie

Aby uzyskać pełny przegląd wszystkich metod jQuery postępowe, przejdź do naszej jQuery referowanie .