Phương thức children để làm việc với các phần tử con trong jQuery
Để làm việc với các phần tử con của một phần tử, trước tiên chúng ta sẽ xem xét
phương thức children,
với sự trợ giúp của nó, bạn chỉ có thể lấy được các phần tử con trực tiếp
của phần tử.
Hãy xem xét mã HTML sau:
<p id="test">text1 <b>bold</b> text2</p>
Để lấy các phần tử con, hãy viết hàm sau trong phương thức:
$('#test').children().each(
function() {
console.log($(this).text()); // sẽ xuất ra 'bold'
}
);
Chúng ta có một div với các thẻ:
<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>
Sử dụng phương thức children, hãy xuất ra console tất cả các phần tử con trực tiếp
của div này.
