Hướng dẫn find element from html string jquery - tìm phần tử từ chuỗi html jquery

.html () trả về: chuỗiReturns: String

Mô tả: Nhận nội dung HTML của phần tử đầu tiên trong tập hợp các phần tử phù hợp.Get the HTML contents of the first element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html ().html()

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

Phương pháp này không có sẵn trên các tài liệu XML.

Trong một tài liệu HTML,

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

$( "div.demo-container" ).html();

Để được truy xuất nội dung của ____ 23 sau đây, nó sẽ phải là công cụ đầu tiên có

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>

Kết quả sẽ trông như thế này:

Phương pháp này sử dụng thuộc tính

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

Ghi chú bổ sung:

• Theo thiết kế, bất kỳ hàm tạo hoặc phương thức nào chấp nhận chuỗi HTML - jQuery (), .Append (), .After (), v.v. - có khả năng thực thi mã. Điều này có thể xảy ra bằng cách tiêm thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã (ví dụ:

  $(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
  

  6). Không sử dụng các phương pháp này để chèn các chuỗi thu được từ các nguồn không tin cậy như tham số truy vấn URL, cookie hoặc đầu vào hình thức. Làm như vậy có thể giới thiệu các lỗ hổng về chữ ký chéo (XSS). Xóa hoặc thoát bất kỳ đầu vào người dùng trước khi thêm nội dung vào tài liệu.

    text-decoration: underline;
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
  <b>Clickb> to change the <span id="tag">htmlspan>
  to a <span id="text">textspan> node.
  This <button name="nada">buttonbutton> does nothing.
$( "p" ).click(function() {
  var htmlString = $( this ).html();
  $( this ).text( htmlString );

.html (htmlString) trả về: jQueryReturns: jQuery

Mô tả: Đặt nội dung HTML của mỗi phần tử trong tập hợp các phần tử phù hợp.Set the HTML contents of each element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html (HTMLString).html( htmlString )

  • HTMLSTRING

    Một chuỗi HTML để đặt làm nội dung của mỗi phần tử phù hợp.

• Phiên bản được thêm vào: 1.4.html (chức năng).html( function )

  • function

    Một hàm trả về nội dung HTML để đặt. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ làm đối số. JQuery làm trống phần tử trước khi gọi hàm; Sử dụng đối số OldHTML để tham khảo nội dung trước đó. Trong hàm,

    $(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
    

    7 đề cập đến phần tử hiện tại trong tập hợp.

Phương pháp

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

Khi

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

Hãy xem xét HTML sau:

<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>

Kết quả sẽ trông như thế này:

Phương pháp này sử dụng thuộc tính

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

Theo thiết kế, bất kỳ hàm tạo hoặc phương thức nào chấp nhận chuỗi HTML - jQuery (), .Append (), .After (), v.v. - có khả năng thực thi mã. Điều này có thể xảy ra bằng cách tiêm thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã (ví dụ:

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');

    text-decoration: underline;
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
  <b>Clickb> to change the <span id="tag">htmlspan>
  to a <span id="text">textspan> node.
  This <button name="nada">buttonbutton> does nothing.



$( "p" ).click(function() {
  var htmlString = $( this ).html();
  $( this ).text( htmlString );

.html (htmlString) trả về: jQuery

Mô tả: Đặt nội dung HTML của mỗi phần tử trong tập hợp các phần tử phù hợp.

Phiên bản được thêm vào: 1.0.html (HTMLString) In Internet Explorer up to and including version 9, setting the text content of an HTML element may corrupt the text nodes of its children that are being removed from the document as a result of the operation. If you are keeping references to these DOM elements and need them to be unchanged, use

var html = "
"
var found = $(html).filter(".im-here")

var html = "
"
var found = $(html).filter(".im-here")

$("
I want this element
")

$("
I want this element
")