Parent-selector

Selectoren :parent vælger elementer, der er forældre (dvs. ikke-tomme elementer, der indeholder et element eller tekst). For at få forældre eller ancestre af et jQuery-sæt, se metoderne parent og parents. Da :parent ikke er en del af CSS-specifikationen, er det for bedre ydeevne i moderne browsere at foretrække først at filtrere elementer med brug af en ren css-selector, og derefter anvende .filter(':parent').

Syntaks

Hent forældreelementer:

javascript$(':parent');

Eksempel

Vi har en tabel table med grøn baggrund, lad os finde celler td, der er forældre, og farve dem grå:

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'});

Se også