Επιλογέας parent

Ο επιλογέας :parent επιλέγει στοιχεία που είναι γονείς (δηλαδή μη κενά στοιχεία που περιέχουν ένα στοιχείο ή κείμενο). Για να λάβετε τους γονείς ή τους προγόνους ενός συνόλου jQuery, δείτε τις μεθόδους parent και parents. Εφόσον ο :parent δεν ανήκει στις προδιαγραφές CSS, για καλύτερη απόδοση σε σύγχρονα προγράμματα περιήγησης είναι καλύτερα πρώτα να φιλτράρετε τα στοιχεία χρησιμοποιώντας καθαρό css-επιλογέα, και στη συνέχεια να εφαρμόσετε .filter(':parent').

Σύνταξη

Λήψη γονικών στοιχείων:

javascript$(':parent');

Παράδειγμα

Έχουμε έναν πίνακα table με πράσινο φόντο, ας βρούμε τα κελιά td που είναι γονείς, και ας τα χρωματίσουμε γκρι:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>

csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 

javascript$('td:parent').css({background: '#ccc'});

Δείτε επίσης