Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

Tôi có một chuỗi HTML lớn có chứa nhiều nút trẻ em.

Có thể xây dựng một đối tượng DOM jQuery bằng cách sử dụng chuỗi này không?jQuery DOM object using this string?

Tôi đã thử $(string) nhưng nó chỉ trả về một mảng chứa tất cả các nút riêng lẻ.

Imtrying để có được một yếu tố mà tôi có thể sử dụng hàm .find () trên.

Đã hỏi ngày 15 tháng 6 năm 2012 lúc 9:07Jun 15, 2012 at 9:07

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

user1033619user1033619user1033619

1.7072 huy hiệu vàng11 Huy hiệu bạc10 Huy hiệu đồng2 gold badges11 silver badges10 bronze badges

5

Update:

Từ JQuery 1.8, chúng ta có thể sử dụng $ .ParseHTML, sẽ phân tích chuỗi HTML vào một mảng các nút DOM. ví dụ:

var dom_nodes = $($.parseHTML('
')); alert( dom_nodes.find('input').val() );

THỬ NGHIỆM


var string = '
'; $('
').html(string).contents();

THỬ NGHIỆM

var string = '
'; $('
').html(string).contents();

  • Điều gì đang xảy ra trong mã này:
  • $('
    ') là một
    var string = '
    '; $('
    ').html(string).contents();
    0 giả không tồn tại trong DOM
  • var string = '
    '; $('
    ').html(string).contents();
    1 Bổ sung
    var string = '
    '; $('
    ').html(string).contents();
    2 trong đó giả mạo
    var string = '
    '; $('
    ').html(string).contents();
    0 khi còn nhỏ

var string = '
'; $('
').html(string).contents(); 4 Lấy những đứa trẻ của Fake var string = '
'; $('
').html(string).contents(); 0 như một đối tượng jQuery

var string = '
', object = $('
').html(string).contents(); alert( object.find('input').val() );

THỬ NGHIỆM

var string = '
'; $('
').html(string).contents();
Jun 15, 2012 at 9:11

Điều gì đang xảy ra trong mã này:thecodeparadox

$('

') là một
var string = '
'; $('
').html(string).contents();
0 giả không tồn tại trong DOM21 gold badges136 silver badges162 bronze badges

7

var string = '
'; $('
').html(string).contents();
1 Bổ sung
var string = '
'; $('
').html(string).contents();
2 trong đó giả mạo
var string = '
'; $('
').html(string).contents();
0 khi còn nhỏ

var myString = "
Some stuff
Some more stuffThe stuff I am looking for
"; var $jQueryObject = $($.parseHTML(myString));

var string = '
'; $('
').html(string).contents();
4 Lấy những đứa trẻ của Fake
var string = '
'; $('
').html(string).contents();
0 như một đối tượng jQuery

Nếu bạn muốn làm cho

var string = '
'; $('
').html(string).contents();
6 hoạt động thì hãy thử điều này:

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

Đã trả lời ngày 15 tháng 6 năm 2012 lúc 9:11May 31, 2013 at 14:29

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

THECODEPARADOXTHECODEPARADOXkiprainey

85.2K21 Huy hiệu vàng136 Huy hiệu bạc162 Huy hiệu đồng4 gold badges28 silver badges29 bronze badges

9

var jQueryObject = $('
').html( string ).children();

Kể từ JQuery 1.8, bạn chỉ có thể sử dụng parsehtml để tạo đối tượng jQuery của mình:

Tôi đã tạo một JSFidle thể hiện điều này: http://jsfiddle.net/mcsyr/2/Jun 15, 2012 at 9:09

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

Nó phân tích chuỗi HTML tùy ý vào một đối tượng jQuery và sử dụng tìm để hiển thị kết quả trong một div.Florian Margaine

Đã trả lời ngày 31 tháng 5 năm 2013 lúc 14:2914 gold badges90 silver badges116 bronze badges

2

Kipraineykiprainey

3.2214 Huy hiệu vàng28 Huy hiệu bạc29 Huy hiệu đồng

var cheerio = require('cheerio'),
    $ = cheerio.load('

Hello world

'); $('h2.title').text('Hello there!'); $('h2').addClass('welcome'); $.html(); //=>

Hello there!

Điều này tạo ra một đối tượng jQuery giả trong đó bạn có thể đặt chuỗi làm HTML. Sau đó, bạn chỉ nhận được bọn trẻ.Nov 16, 2015 at 2:03

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

Đã trả lời ngày 15 tháng 6 năm 2012 lúc 9:09Loourr

Florian Margaireflorian Margaine8 gold badges42 silver badges67 bronze badges

56.2K14 Huy hiệu vàng90 Huy hiệu bạc116 Huy hiệu đồng

$(".main").empty();

var _template = '

Your HTML Code

'; var template = $.parseHTML(_template); var final = $(template).find("#myelement"); $(".main").append(final.html());

Ngoài ra còn có một thư viện tuyệt vời có tên Cheerio được thiết kế dành riêng cho việc này.

Việc triển khai nhanh chóng, linh hoạt và tinh gọn của jQuery lõi được thiết kế dành riêng cho máy chủ.Nov 30, 2016 at 13:29

0

Đã trả lời ngày 16 tháng 11 năm 2015 lúc 2:03

LoourrloourrMay 3, 2017 at 23:26

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

4.8458 Huy hiệu vàng42 Huy hiệu bạc67 Huy hiệu ĐồngChetan

Tôi sử dụng các mẫu sau cho các mẫu HTML của mình:6 gold badges46 silver badges54 bronze badges

Lưu ý: Giả sử nếu bạn đang sử dụng jQuery

$($.parseHTML(<>)).find("td:contains('<>')").first().prev().text();

Đã trả lời ngày 30 tháng 11 năm 2016 lúc 13:29Sep 5, 2020 at 7:53

Hướng dẫn convert html string to object jquery - chuyển đổi chuỗi html thành jquery đối tượng

Lý do tại sao $ (chuỗi) không hoạt động là vì jQuery không tìm thấy nội dung HTML giữa $ (). Do đó, trước tiên bạn cần phải phân tích nó thành HTML. Khi bạn có một biến trong đó bạn đã phân tích HTML. Sau đó, bạn có thể sử dụng $ (chuỗi) và sử dụng tất cả các chức năng có sẵn trên đối tượngChirag

Đã trả lời ngày 3 tháng 5 năm 2017 lúc 23:2615 silver badges20 bronze badges

Parsehtml làm 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).

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

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"});$ ('#output'). Text (phần tử.var element = $('

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

Parsehtml trong javascript là gì?

Phương thức parsehtml () này trong jQuery được sử dụng để phân tích cú pháp một chuỗi vào một mảng các nút dom.used to parses a string into an array of DOM nodes.

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.