Προσανατολισμός - Φιλτράρισμα

Σύντομη αναζήτηση στοιχείων

Τρεις από τις βασικές μεθόδους φιλτράρισματος είναι: first(), last() και eq(), που σας επιτρέπουν να επιλέξετε ένα συγκεκριμένο στοιχείο βασισμένο στη θέση του σε ένα σύνολο στοιχείων.

Άλλες μεθόδους φιλτράρισματος, όπως η filter() και η not(), σας επιτρέπουν να επιλέξετε στοιχεία που ταιριάζουν ή δεν ταιριάζουν με ένα συγκεκριμένο πρότυπο.

Μέθοδος first() της jQuery

Η μέθοδος first() επιστρέφει το πρώτο στοιχείο του στοιχείου που επιλέχθηκε.

Το παρακάτω παράδειγμα επιλέγει το πρώτο στοιχείο <p> μέσα στο πρώτο στοιχείο <div>:

Παράδειγμα

$(document).ready(function(){
  $("div p").first();
});

Προσπαθήστε το個人

Μέθοδος last() της jQuery

Η μέθοδος last() επιστρέφει τον τελευταίο στοιχείο του στοιχείου που επιλέχθηκε.

Το παρακάτω παράδειγμα επιλέγει τον τελευταίο στοιχείο <p> μέσα στο τελευταίο στοιχείο <div>:

Παράδειγμα

$(document).ready(function(){
  $("div p").last();
});

Προσπαθήστε το個人

Μέθοδος eq() της jQuery

Η μέθοδος eq() επιστρέφει το στοιχείο που έχει οριστεί τον δείκτη.

Ο αριθμός του δείκτη ξεκινάει από 0, οπότε ο αριθμός του δείκτη του πρώτου στοιχείου είναι 0 και όχι 1. Το παρακάτω παράδειγμα επιλέγει το δεύτερο στοιχείο <p> (δείκτης 1):

Παράδειγμα

$(document).ready(function(){
  $("p").eq(1);
});

Προσπαθήστε το個人

Μέθοδος filter() της jQuery

Η μέθοδος filter() σας επιτρέπει να καθορίσετε ένα πρότυπο. Τα στοιχεία που δεν ταιριάζουν με αυτό το πρότυπο θα αφαιρεθούν από τη συλλογή, ενώ τα στοιχεία που ταιριάζουν θα επιστρέψουν.

Το παρακάτω παράδειγμα επιστρέφει όλα τα στοιχεία <p> με την κλάση "intro":

Παράδειγμα

$(document).ready(function(){
  $("p").filter(".intro");
});

Προσπαθήστε το個人

Μέθοδος not() της jQuery

Η μέθοδος not() επιστρέφει όλα τα στοιχεία που δεν ταιριάζουν με το πρότυπο.

Συμβουλή:Η μέθοδος not() είναι το αντίθετο της μέθοδου filter().

Το παρακάτω παράδειγμα επιστρέφει όλα τα στοιχεία <p> χωρίς την κλάση "intro":

Παράδειγμα

$(document).ready(function(){
  $("p").not(".intro");
});

Προσπαθήστε το個人

Εγχειρίδιο αναζήτησης περιήγησης της jQuery

Για να μάθετε όλες τις μεθόδους περιήγησης της jQuery, παρακαλώ επισκεφθείτε τον Εγχειρίδιο αναζήτησης περιήγησης της jQuery