Phương thức children
Phương thức children chỉ trả về
các phần tử con trực tiếp và không
trả về các nút văn bản. Để trả về
tất cả các phần tử con, bao gồm văn bản và
bình luận, hãy sử dụng phương thức
contents.
Cú pháp
Lấy các phần tử con trực tiếp:
.children();
Cũng có thể lọc các phần tử con theo bộ chọn đã chỉ định:
.children(bộ chọn);
Ví dụ
Hãy tìm tất cả các phần tử con trực tiếp của thẻ
div
và thêm '!' vào cuối chúng bằng phương thức
append:
<div>
<p>văn bản</p>
<p>văn bản</p>
<p>văn bản</p>
</div>
$('div').children().append('!');
Mã HTML sẽ trở thành như sau:
<div>
<p>văn bản!</p>
<p>văn bản!</p>
<p>văn bản!</p>
</div>
Ví dụ
Bây giờ hãy tìm tất cả các phần tử con trực tiếp
có lớp www:
<div>
<p class="www">văn bản</p>
<p class="www">văn bản</p>
<p>văn bản</p>
</div>
$('div').children('.www').append('!');
Mã HTML sẽ trở thành như sau:
<div>
<p class="www">văn bản!</p>
<p class="www">văn bản!</p>
<p>văn bản</p>
</div>
