jQuery αναζήτηση - μεθόδος prevUntil()

Εγχειρίδιο περιήγησης jQuery

Παράδειγμα

Επιλέξτε όλες τις παραγράφους και μειώστε το επιλεγμένο περιεχόμενο ώστε να περιέχει μόνο τις πρώτες και δεύτερες παραγράφους:

$("p").slice(0, 2).wrapInner(");

Δοκιμάστε το προσωπικά

Ορισμός και χρήση

slice() μειώνει τη συλλογή των ταιριάζοντων στοιχείων σε υποσύνολο που καθορίζεται από τις καθορισμένες εξειδικεύσεις.

Γλώσσα

.slice(selector,end)
Παράμετροι Περιγραφή
selector

Αριθμητικός ακέραιος με βάση το 0, που υποδεικνύει τη θέση του στοιχείου που θα ξεκινήσει η επιλογή.

Αν είναι αρνητικός αριθμός, υποδεικνύει την απόκλιση από την άκρη του συνόλου.
end

Αριθμητικός ακέραιος με βάση το 0, που υποδεικνύει τη θέση του στοιχείου που θα επιλεγεί.

Αν είναι αρνητικός αριθμός, υποδεικνύει την απόκλιση από την άκρη του συνόλου.

Αν παραλειφθεί, η περιοχή επιλογής θα τελειώνει στην άκρη του συνόλου.

Λεπτομερής περιγραφή

Αν δοθεί ένα αντικείμενο jQuery που αντιπροσωπεύει μια συλλογή στοιχείων DOM, η μέθοδος .slice() δημιουργεί ένα νέο αντικείμενο jQuery από τον υποσύνολο των ταιριάζοντων στοιχείων. Η θέση του στοιχείου στην ομάδα των παραμέτρων index; Αν παραλειφθεί ο παράμετρος end, όλα τα στοιχεία μετά τον index θα περιλαμβάνονται στο αποτέλεσμα.

Πιστέψτε μου αυτή τη σελίδα με απλή λίστα:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

Μπορούμε να εφαρμόσουμε αυτή τη μέθοδο στην συλλογή των εμπορικών ενότητων:

$('li').slice(2).css('background-color', 'red');

Δοκιμάστε το προσωπικά

Το αποτέλεσμα της συγκεκριμένης κλήσης είναι να επιλεγούν οι εμπορικές ενότητες 3, 4 και 5 και να επιλεγούν ως κόκκινη η φόντο τους. Παρακαλώ σημειώστε ότι οι παραμέτρους index είναι με βάση το 0 και αναφέρονται στη θέση των στοιχείων του jQuery αντικειμένου, όχι του DOM δέντρου.

Ο παράμετρος end επιτρέπει να περιορίσουμε περαιτέρω την περιοχή της επιλογής. Για παράδειγμα:

$('li').slice(2, 4).css('background-color', 'red');

Δοκιμάστε το προσωπικά

Τώρα, μόνο οι εμπορικές ενότητες 3 και 4 θα επιλεγούν. Αναφέρουμε ξανά ότι ο index είναι με βάση το 0; Η περιοχή επεκτείνεται μέχρι (αλλά δεν περιλαμβάνει) τον καθορισμένο index.

αρνητικός αριθμός

Η μέθοδος .slice() του jQuery μιμείται τη μέθοδο .slice() του αντικειμένου του JavaScript array. Μια από τις ιδιότητές της είναι η δυνατότητα να παρέχει αρνητικά αριθμητικά στοιχεία για τους παραμέτρους start ή end. Αν παρέχονται αρνητικά αριθμητικά, υποδεικνύουν μια θέση από την άκρη του συνόλου, όχι από την αρχή. Για παράδειγμα:

$('li').slice(-2, -1).css('background-color', 'red');

Δοκιμάστε το προσωπικά

Αυτή τη φορά, μόνο η εμπορική ενότητα 4 θα γίνει κόκκινη, επειδή αυτή η ενότητα βρίσκεται στην περιοχή μεταξύ των δύο (-2) και ενός (-1) από την άκρη του συνόλου.

Εγχειρίδιο περιήγησης jQuery