Phương thức parent trong jQuery
Chúng ta đã từng tìm hiểu sơ qua về phương thức
parent
khi thảo luận về giả lớp
parent.
Tôi xin nhắc lại, phương thức parent và bộ chọn parent
làm những việc khác nhau, cái đầu tiên tìm phần tử cha, còn
cái thứ hai tìm tất cả các phần tử không rỗng (là phần tử cha).
Trong ví dụ tiếp theo, chúng ta sẽ tìm phần tử #test,
sau đó tìm phần tử cha của nó bằng parent
và đặt văn bản '!' cho nó. Giả sử chúng ta có
mã HTML sau:
<p>bên ngoài</p>
<div>
<p>bên trong</p>
<p>bên trong</p>
<p id="test">bên trong</p>
<p>bên trong</p>
<p>bên trong</p>
</div>
<p>bên ngoài</p>
Và bây giờ chúng ta viết phương thức parent trong
mã Javascript:
$('#test').parent().html('!');
Đừng quên rằng bạn có thể truyền một bộ chọn vào phương thức này để lọc thêm các phần tử cha.
Tìm phần tử cha của phần tử có lớp
www và tô màu đỏ
cho nó.
Tìm tất cả các phần tử cha của các thẻ b
và làm cho chúng có màu đỏ.
Tìm tất cả các phần tử cha của các thẻ b, và những phần tử
có lớp test
hãy tô màu đỏ cho chúng.
