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:
$(':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:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:parent').css({background: '#ccc'});
