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

Ошондой эле караңыз

  • empty селектору,
    бош элементтерди тандайт
  • parent методу,
    элементтин түз ата-энесин алат
  • parents методу,
    тукумдары (текст түйүндөрүн кошкондо) жок элементтерди тандайт