JavaScript lấy nội dung HTML

Sự mô tả. Nhận các phần tử con của mỗi phần tử trong tập hợp các phần tử phù hợp, bao gồm các nút văn bản và nhận xét

• đã thêm phiên bản. 1. 2 . nội dung()

  • Phương pháp này không chấp nhận bất kỳ đối số

Đưa ra một đối tượng jQuery đại diện cho một tập hợp các phần tử DOM, phương thức .contents() cho phép chúng ta tìm kiếm thông qua các phần tử con trực tiếp của các phần tử này trong cây DOM và xây dựng một đối tượng jQuery mới từ các phần tử phù hợp. Các phương thức .contents() và .children() tương tự nhau, ngoại trừ phương thức đầu tiên bao gồm các nút văn bản và nút nhận xét cũng như các phần tử HTML trong đối tượng jQuery kết quả. Xin lưu ý rằng hầu hết các thao tác jQuery không hỗ trợ nút văn bản và nút nhận xét. Một số ít sẽ có ghi chú rõ ràng trên trang tài liệu API của họ

Phương pháp .contents() cũng có thể được sử dụng để lấy tài liệu nội dung của iframe, nếu iframe nằm trên cùng miền với trang chính

Kể từ jQuery 3. 2, .contents() cũng trả về nội dung của các phần tử

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

Hãy xem xét một

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

1

2

3

4

5

6

7

8

9

10

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

Chúng ta có thể sử dụng phương pháp .contents() để giúp chuyển đổi đoạn văn bản này thành ba đoạn văn có cấu trúc tốt

1

2

3

4

5

6

7

8

9

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

Trước tiên, mã này truy xuất nội dung của

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

Làm cách nào để lấy tất cả các phần tử HTML trong JavaScript?

Làm cách nào để lấy HTML từ JavaScript?

Làm cách nào để lấy chuỗi HTML trong JavaScript?