Parent-selector

Selectoren :parent velger elementer som er foreldre (dvs. ikke-tomme elementer som inneholder et element eller tekst). For å få tak i foreldre eller forfedre av et jQuery-sett, se metodene parent og parents. Siden :parent ikke er en del av CSS-spesifikasjonen, er det for bedre ytelse i moderne nettlesere best å først filtrere elementene med bruk av en ren css-selector, og deretter bruke .filter(':parent').

Syntaks

Hente overordnede elementer:

javascript$(':parent');

Eksempel

Vi har en tabell table med grønn bakgrunn, la oss finne cellene td som er foreldre, og fargelegge dem i grått:

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å

  • selectoren empty,
    som velger tomme elementer
  • metoden parent,
    som henter den direkte forelderen til elementet
  • metoden parents,
    som velger elementer som ikke har noen etterkommere (inkludert tekstnoder)