Ultimele tutoriale de dezvoltare web
 

jQuery Pendulare - Filtrare


Restrângeți căutarea pentru elementele

Cele trei metode de filtrare cele mai de bază sunt în first(), last() și eq() , care vă permit să selectați un anumit element pe baza poziției sale într - un grup de elemente.

Alte metode de filtrare, cum ar fi filter() și not() vă permit să selectați elemente care se potrivesc sau nu se potrivesc, anumite criterii.


jQuery first() Metoda

first() Metoda returneaza primul element al elementelor selectate.

Exemplul următor selectează primul <p> elementul din interiorul primului <div> Elementul:

Exemplu

$(document).ready(function(){
    $("div p").first();
});
Încearcă - l singur »

jQuery last() Metoda

last() metoda returneaza ultimul element al elementelor selectate.

Exemplul următor selectează ultimul <p> elementul din interiorul ultimului <div> Elementul:

Exemplu

$(document).ready(function(){
    $("div p").last();
});
Încearcă - l singur »

jQuery eq() metoda

eq() Metoda returneaza un element cu un anumit număr de index al elementelor selectate.

Numerele de index încep de la 0, deci primul element va avea numărul de index 0 și nu 1. Exemplul următor selectează al doilea <p> Element (numărul de index 1):

Exemplu

$(document).ready(function(){
    $("p").eq(1);
});
Încearcă - l singur »

jQuery filter() Metoda

filter() Metoda vă permite să specificați un criteriu. Elementele care nu se potrivesc criteriilor sunt eliminate din selecție, și cele care se potrivesc vor fi returnate.

Următorul exemplu returnează toate <p> elemente cu nume de clasa "intro" :

Exemplu

$(document).ready(function(){
    $("p").filter(".intro");
});
Încearcă - l singur »

jQuery not() Metoda

not() metoda returneaza toate elementele care nu se potrivesc criteriilor.

Indicație: not() metoda este opusul filter() .

Următorul exemplu returnează toate <p> elemente care nu au nume de clasă "intro" :

Exemplu

$(document).ready(function(){
    $("p").not(".intro");
});
Încearcă - l singur »

Testați-te cu exerciții!

Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 » Exercițiul 6»


jQuery Referință parcurgere

Pentru o prezentare completă a tuturor metodelor jQuery traversați, vă rugăm să accesați pagina jQuery de referință parcurgere .