Phương thức contents

Phương thức contents lấy các phần tử con, bao gồm cả văn bản và chú thích.

Cú pháp

Phương thức không nhận tham số:

javascript.contents();

Phương thức contents hoạt động tương tự như phương thức children, sự khác biệt thể hiện khi cố gắng truy cập vào văn bản của các phần tử con. Hãy so sánh hai ví dụ dưới đây:

Ví dụ

Sử dụng phương thức children:

html<p id="test">text1 <b>in đậm</b> text2</p>
javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // sẽ in ra 'in đậm'
  }
);

Ví dụ

Sử dụng phương thức contents:

html<p id="test">text1 <b>in đậm</b> text2</p>
javascript$('#test').contents().each(
  function() {
    console.log($(this).text()); // sẽ in ra 'text1', 'in đậm', 'text2'
  }
);

Xem thêm

  • phương thức children,
    cho phép lấy các phần tử con của một phần tử
  • phương thức parent,
    cho phép lấy phần tử cha trực tiếp của phần tử
  • phương thức parents,
    cho phép lấy tất cả các phần tử cha của phần tử
  • phương thức closest,
    cho phép lấy phần tử cha gần nhất thỏa mãn bộ chọn