Μέθοδος parent

Η μέθοδος parent λαμβάνει τον άμεσο γονέα του στοιχείου.

Σύνταξη

Λήψη του άμεσου γονέα για στοιχεία:

javascript.parent();

Μπορείτε επίσης να επιλέξετε τον άμεσο γονέα, μόνο αν ικανοποιεί τον καθορισμένο επιλογέα:

javascript.parent(επιλογέας);

Παράδειγμα

Ας βρούμε το στοιχείο #test και στη συνέχεια βρείτε τον γονέα του χρησιμοποιώντας parent και ορίστε του το κείμενο '!' χρησιμοποιώντας html:

html<p>έξω</p>
<div>
  <p>μέσα</p>
  <p>μέσα</p>
  <p id="test">μέσα</p>
  <p>μέσα</p>
  <p>μέσα</p>
</div>
<p>έξω</p>
javascript$('#test').parent().html('!');

Ο κώδικας HTML θα γίνει ως εξής:

html<p>έξω</p>
<div>
  !
</div>
<p>έξω</p>

Παράδειγμα

Ας βρούμε το στοιχείο #test και στη συνέχεια βρείτε τον γονέα του χρησιμοποιώντας parent και, εάν αυτός ο γονέας είναι div με κλάση www, τότε ορίστε του το κείμενο '!' χρησιμοποιώντας html:

html<p>έξω</p>
<div class="www">
  <p>μέσα</p>
  <p>μέσα</p>
  <p id="test">μέσα</p>
  <p>μέσα</p>
  <p>μέσα</p>
</div>
<p>έξω</p>
javascript$('#test').parent('div.www').html('!');

Ο κώδικας HTML θα γίνει ως εξής:

html<p>έξω</p>
<div class="www">
  !
</div>
<p>έξω</p>

Δείτε επίσης

  • μέθοδος parents,
    που επιτρέπει τη λήψη όλων των γονέων ενός στοιχείου
  • μέθοδος closest,
    που επιτρέπει τη λήψη του πλησιέστερου γονικού στοιχείου που ικανοποιεί τον επιλογέα
  • μέθοδος parentsUntil,
    που επιτρέπει τη λήψη όλων των γονέων ενός στοιχείου μέχρι τον καθορισμένο γονέα
  • μέθοδος children,
    που επιτρέπει τη λήψη των απογόνων ενός στοιχείου
  • μέθοδος contents,
    που επιτρέπει τη λήψη των απογόνων ενός στοιχείου και του κειμένου μέσα σε αυτό το στοιχείο