Hướng dẫn jquery get html string - jquery lấy chuỗi html

Tôi nghĩ rằng tôi đã đọc qua tài liệu API jQuery hoàn chỉnh và xem các đối tượng jQuery và các yếu tố DOM đơn giản trong trình gỡ lỗi để kiểm tra các phương pháp nào họ thực sự có trong thời gian chạy, nhưng đối với cuộc sống của tôi, tôi không thể tìm cách để có được Chuỗi HTML đại diện cho nội dung của một đối tượng jQuery hoặc nút DOM. Tui bỏ lỡ điều gì vậy?

Các đối tượng jQuery có phương thức

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
6, các phần tử DOM có thuộc tính
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
7 nhưng cả hai chỉ cung cấp HTML bên trong của đối tượng. Vì vậy, nếu tôi có HTML như thế này:

<body>
    <div>
        <p>Hello World!</p>
    </div>
</body>

Và tôi sử dụng jQuery làm một cái gì đó như thế này

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
8 và sau đó tôi gọi
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
9 Chuỗi được trả về là
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
0. Nhưng tôi đang tìm cách để nó trở lại
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
1 (tôi không quan tâm đến khoảng trắng).

Tôi đang làm gì sai? Không thể khó khăn để có được biểu diễn HTML của các đối tượng này, có thể không?

jQuery.parsehtml (data [, bối cảnh] [, keepscripts]) return: mảngReturns: Array

Mô tả: Phân tích một chuỗi vào một mảng các nút dom.Parses a string into an array of DOM nodes.Parses a string into an array of DOM nodes.

Nội dung chính ShowShow

  • jQuery.parsehtml (data [, bối cảnh] [, keepscripts]) return: mảngReturns: Array
  • Mô tả: Phân tích một chuỗi vào một mảng các nút dom.Parses a string into an array of DOM nodes.
  • Nội dung chính Show
  • Cân nhắc về Bảo mật
  • Parsehtml trong javascript là gì?
  • Làm thế nào để chuyển đổi đối tượng thành chuỗi trong jQuery?

  • Sử dụng phương thức json.Stringify () để chuyển đổi đối tượng thành chuỗi và hiển thị nội dung chuỗi.Sử dụng phương thức param () để tuần tự hóa phần tử đối tượng làm chuỗi truy vấn và lưu trữ nó thành một biến.stringify() method to convert the object into strings and display the string contents. Use param() method to serialize the object element as query string and store it into a variable.jQuery.parseHTML( data [, context ] [, keepScripts ] )

    • jQuery.parsehtml (data [, bối cảnh] [, keepscripts]) return: mảngReturns: Array

      Mô tả: Phân tích một chuỗi vào một mảng các nút dom.Parses a string into an array of DOM nodes.

    • Nội dung chính Show (default:

      $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
      
      2)

      Cân nhắc về Bảo mật

    • Làm thế nào để chuyển đổi thẻ HTML thành chuỗi trong jQuery? (default:

      $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
      
      4)

      Làm cách nào để nhận được văn bản từ HTML trong jQuery?

Phiên bản được thêm vào: 1.8JQuery.parsehtml (data [, bối cảnh] [, Keepscripts])jQuery.parseHTML( data [, context ] [, keepScripts ] )

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
0.

dữ liệu

Chuỗi HTML được phân tích cú pháp

Bối cảnh (mặc định:

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2) (default:
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2)

Phần tử tài liệu để phục vụ như là bối cảnh trong đó đoạn HTML sẽ được tạo

Mô tả: Phân tích một chuỗi vào một mảng các nút dom.Parses a string into an array of DOM nodes.

Nội dung chính Show

Cân nhắc về Bảo mật

Example:

Làm thế nào để chuyển đổi thẻ HTML thành chuỗi trong jQuery?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Làm cách nào để nhận được văn bản từ HTML trong jQuery?

Demo:

Phiên bản được thêm vào: 1.8JQuery.parsehtml (data [, bối cảnh] [, Keepscripts])jQuery.parseHTML( data [, context ] [, keepScripts ] )

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();

dữ liệu

Chuỗi HTML được phân tích cú pháp

Bối cảnh (mặc định:

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2) (default:
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2)84 gold badges769 silver badges741 bronze badges

Phần tử tài liệu để phục vụ như là bối cảnh trong đó đoạn HTML sẽ được tạoNov 6, 2013 at 12:46

1

Keepscripts (mặc định:

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
4) (default:
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
4)

var $html = $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>');    
var str = $html.prop('outerHTML');
console.log(str);
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
6

Một boolean cho biết có bao gồm các tập lệnh được truyền trong chuỗi HTML

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
6 sử dụng các phương thức gốc để chuyển đổi chuỗi thành một tập hợp các nút DOM, sau đó có thể được chèn vào tài liệu. Các phương pháp này làm cho tất cả các văn bản theo dõi hoặc hàng đầu (ngay cả khi đó chỉ là khoảng trắng). Để ngăn chặn khoảng trắng kéo dài/hàng đầu không được chuyển đổi thành các nút văn bản, bạn có thể chuyển chuỗi HTML qua

Theo mặc định, 5 gold badges30 silver badges50 bronze badges

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
1 là
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2 hiện tại nếu không được chỉ định hoặc được đưa ra là
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
3 hoặc
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
4. Nếu HTML được sử dụng trong một tài liệu khác như iframe, tài liệu của khung đó có thể được sử dụng. Nov 6, 2013 at 12:50

Theo 3.0, hành vi mặc định được thay đổi. Nếu palaѕн

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
1 không được chỉ định hoặc được đưa ra là
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
3 hoặc
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
4, một
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2 mới được sử dụng. Điều này có khả năng cải thiện bảo mật vì các sự kiện nội tuyến sẽ không thực hiện khi HTML được phân tích cú pháp. Khi HTML được phân tích cú pháp được đưa vào một tài liệu, nó sẽ thực thi, nhưng điều này mang lại cho các công cụ cơ hội để vượt qua DOM đã tạo và loại bỏ bất cứ thứ gì được coi là không an toàn. Sự cải thiện này không áp dụng cho việc sử dụng nội bộ của
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
6 vì chúng thường vượt qua trong
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
2 hiện tại. Do đó, một tuyên bố như
var $html = $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>');    
var str = $html.prop('outerHTML');
console.log(str);
1 vẫn phải chịu sự tiêm của mã độc.17 gold badges111 silver badges131 bronze badges

Những gì bạn muốn là HTML bên ngoài, không phải HTML bên trong:

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
7

Đã trả lời ngày 6 tháng 11 năm 2013 lúc 12:49Nov 6, 2013 at 12:49Nov 6, 2013 at 12:49

Denys Séguretdenys SéguretDenys SéguretDenys Séguret

362K84 Huy hiệu vàng769 Huy hiệu bạc741 Huy hiệu Đồng84 gold badges769 silver badges741 bronze badges84 gold badges769 silver badges741 bronze badges

1

var $html = $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>');    
var str = $html.prop('outerHTML');
console.log(str);
8 sẽ trở lại
var $html = $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>');    
var str = $html.prop('outerHTML');
console.log(str);
9. (cất cánh
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
60 và đó là chuỗi của bạn)

Rằng aughta làm điều đó :)

Đã trả lời ngày 15 tháng 1 năm 2014 lúc 19:05Jan 15, 2014 at 19:05Jan 15, 2014 at 19:05

CodycodyCodyCody

9.4584 Huy hiệu vàng59 Huy hiệu bạc45 Huy hiệu Đồng4 gold badges59 silver badges45 bronze badges4 gold badges59 silver badges45 bronze badges

Hãy thử một cách tiếp cận nhỏ khác:

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
1

Đã trả lời ngày 6 tháng 11 năm 2013 lúc 13:47Nov 6, 2013 at 13:47Nov 6, 2013 at 13:47

Gal Samuelgal SamuelGal SamuelGal Samuel

4932 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges2 silver badges12 bronze badges

Bạn chỉ có thể bọc nó vào một yếu tố khác và gọi

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
61 sau đó:
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
3

Lưu ý rằng

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
62 không tồn tại trên các trình duyệt cũ hơn nhưng
$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();
63 vẫn không (nó không tồn tại ví dụ trong FF

Đã trả lời ngày 6 tháng 11 năm 2013 lúc 12:56Nov 6, 2013 at 12:56Nov 6, 2013 at 12:56

AdasskoadasskoAdasskoAdassko

4.84819 Huy hiệu bạc36 Huy hiệu đồng19 silver badges36 bronze badges19 silver badges36 bronze badges

Làm thế nào để chuyển đổi thẻ HTML thành chuỗi trong jQuery?

Chuyển đổi một đối tượng jQuery thành một chuỗi.Mã JavaScript: VAR phần tử = $ ('', {văn bản: "jQuery", class: "test"});$ ('#đầu ra').var element = $('var element = $('

',{ text : "jQuery", class : "test" }); $('#output').

Làm cách nào để nhận được văn bản từ HTML trong jQuery?

Bạn có thể sử dụng $ ('. GetText'). Text ();Trong jQuery.$('.gettext').text(); in jQuery.$('. gettext'). text(); in jQuery.

Parsehtml trong javascript là gì?

Parsehtml sử dụng các phương thức gốc để chuyển đổi chuỗi thành một tập hợp các nút dom, sau đó có thể được chèn vào tài liệu.Các phương pháp này làm cho tất cả các văn bản theo dõi hoặc hàng đầu (ngay cả khi đó chỉ là khoảng trắng).uses native methods to convert the string to a set of DOM nodes, which can then be inserted into the document. These methods do render all trailing or leading text (even if that's just whitespace).uses native methods to convert the string to a set of DOM nodes, which can then be inserted into the document. These methods do render all trailing or leading text (even if that's just whitespace).

Làm thế nào để chuyển đổi đối tượng thành chuỗi trong jQuery?

Sử dụng phương thức json.Stringify () để chuyển đổi đối tượng thành chuỗi và hiển thị nội dung chuỗi.Sử dụng phương thức param () để tuần tự hóa phần tử đối tượng làm chuỗi truy vấn và lưu trữ nó thành một biến.stringify() method to convert the object into strings and display the string contents. Use param() method to serialize the object element as query string and store it into a variable. stringify() method to convert the object into strings and display the string contents. Use param() method to serialize the object element as query string and store it into a variable.

Tải thêm tài liệu liên quan đến bài viết Hướng dẫn jquery get html string - jquery lấy chuỗi html