Bộ chọn parent

Bộ chọn :parent chọn các phần tử là phần tử cha (tức là các phần tử không rỗng, có chứa phần tử hoặc văn bản bên trong). Để lấy phần tử cha hoặc tổ tiên của một bộ jQuery, hãy xem các phương thức parent và parents. Vì :parent không thuộc đặc tả CSS, nên để cải thiện hiệu suất trong các trình duyệt hiện đại, tốt hơn hết trước tiên nên lọc các phần tử bằng cách sử dụng bộ chọn css thuần túy, sau đó áp dụng .filter(':parent').

Cú pháp

Lấy các phần tử cha:

javascript$(':parent');

Ví dụ

Chúng ta có một bảng table với nền màu xanh lá cây, hãy tìm các ô td là phần tử cha và tô màu xám cho chúng:

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

Xem thêm