Parent selektors

Selektors :parent atlasa elementus, kas ir vecāki (tas ir, netukši elementi, kuros ir elements vai teksts). Lai iegūtu jQuery kopas vecākus elementus vai sencus, skatiet metodes parent un parents. Tā kā :parent nepieder CSS specifikācijai, tai, lai uzlabotu veiktspēju modernos pārlūkprogrammās, labāk sākumā atfiltrēt elementus ar tīra css selektora palīdzību un pēc tam piemērot .filter(':parent').

Sintakse

Vecākelementu iegūšana:

javascript$(':parent');

Piemērs

Mums ir tabula table ar zaļu fonu, atradīsim šūnas td, kas ir vecāki, un iekrāsosim tās pelēkā krāsā:

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

Skatiet arī

  • selektors empty,
    kas atlasa tukšos elementus
  • metode parent,
    kas iegūst tiešo vecāku elementam
  • metode parents,
    kas atlasa elementus, kuriem nav pēcteču (ieskaitot teksta mezglus)