jQuery αναζήτηση - μέθοδος contents()

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

Παράδειγμα

Εύρημα όλων των κειμένων στοιχείων ενός παραγράφου και πακετάζονται με ετικέτες bold.

$("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");

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

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

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

Γλώσσα

.contents()

Συμπεριφερές

Εάν δοθεί ένας αντικείμενο jQuery που εκφράζει μια συλλογή στοιχείων DOM, η μέθοδος .contents() επιτρέπει την απόκτηση των άμεσων υποστών αυτών των στοιχείων στο δέντρο DOM και τη δημιουργία νέου αντικειμένου jQuery με βάση τα ταιριάζοντα στοιχεία. Η μέθοδος .contents() και .children() Η μέθοδος είναι παρόμοια, αλλά η πρώτη περιλαμβάνει τους κόμβους κειμένου και τα στοιχεία HTML στον αποτελεσματικό jQuery αντικείμενο.

.contents() μέθοδος μπορεί επίσης να χρησιμοποιηθεί για να αποκτήσουμε το περιεχόμενο του έγγραφου της iframe, υπό την προϋπόθεση ότι η iframe βρίσκεται στην ίδια τοποθεσία με την κύρια σελίδα.

Ας σκεφτούμε το παρακάτω <div> με μερικούς κόμβους κειμένου, που διαχωρίζονται από δύο στοιχεία κατώτερης στήλης (<br>):

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
  do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
  <br /><br />
  Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  laboris nisi ut aliquip ex ea commodo consequat.
  <br /> <br />
  Duis aute irure dolor in reprehenderit in voluptate velit 
  esse cillum dolore eu fugiat nulla pariatur.
</div>

Μπορούμε να χρησιμοποιήσουμε τη μέθοδο .contents() για να μετατρέψουμε το κείμενο σε καλά οργανωμένες παραγράφους:

$('.container').contents().filter(function() {
  return this.nodeType == 3;
)
  .wrap('<p></p>')
.end()
.filter('br')
  .remove();

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

Αυτό το κώδικας θα λαμβάνει το περιεχόμενο του <div class="container">, και στη συνέχεια θα φιλτράρει τα κείμενα κόμβους, θα τα πακέτα σε ετικέτες παραγράφου. Αυτό γίνεται μέσω του τεστ της ιδιότητας .nodeType του στοιχείου; Η ιδιότητα αυτή έχει έναν αριθμητικό κώδικα που δείχνει τον τύπο του κόμβου; Οι κόμβοι κειμένου χρησιμοποιούν τον κώδικα 3. Το περιεχόμενο θα φιλτραριστεί ξανά, αυτή τη φορά για τα στοιχεία <br />, που θα αφαιρεθούν.

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