Tạo một đối tượng jQuery từ một chuỗi HTML lớn

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

Là nó có thể để xây dựng một jQuery đối tượng DOM sử dụng chuỗi này?

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 phần tử mà tôi có thể sử dụng hàm .find () trên.

Cập nhật:

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

var dom_nodes = $($.parseHTML('<div><input type="text" value="val" /></div>'));

alert( dom_nodes.find('input').val() );

BẢN GIỚI THIỆU

var string = '<div><input type="text" value="val" /></div>';

$('<div/>').html(string).contents();

BẢN GIỚI THIỆU

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

• $('<div/>')là giả mạo <div>không tồn tại trong DOM
• $('<div/>').html(string)nối stringvào đó là giả <div>khi còn nhỏ
• .contents()lấy ra những đứa trẻ giả mạo đó <div>như một đối tượng jQuery

Nếu bạn muốn thực hiện .find()công việc thì hãy thử điều này:

var string = '<div><input type="text" value="val" /></div>',
    object = $('<div/>').html(string).contents();

alert( object.find('input').val() );

BẢN GIỚI THIỆU

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

var myString = "<div>Some stuff<div>Some more stuff<span id='theAnswer'>The stuff I am looking for</span></div></div>";
var $jQueryObject = $($.parseHTML(myString));

Tôi đã tạo một JSFidle thể hiện điều này: http://jsfiddle.net/MCSyr/2/

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

var jQueryObject = $('<div></div>').html( string ).children();

Điều này tạo ra một đối tượng jQuery giả, trong đó bạn có thể đặt chuỗi dưới dạng HTML. Sau đó, bạn có được những đứa trẻ mà thôi.

Ngoài ra còn có một thư viện gọi lớn từ biệt thiết kế đặc biệt 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ủ.

var cheerio = require('cheerio'),
    $ = cheerio.load('<h2 class="title">Hello world</h2>');

$('h2.title').text('Hello there!');
$('h2').addClass('welcome');

$.html();
//=> <h2 class="title welcome">Hello there!</h2>

Tôi sử dụng như sau cho các mẫu HTML của mình:

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

var _template = '<p id="myelement">Your HTML Code</p>';
var template = $.parseHTML(_template);
var final = $(template).find("#myelement");

$(".main").append(final.html());

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

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ân tích cú pháp thành html. một khi bạn có một biến trong đó bạn đã phân tích cú pháp html. sau đó bạn có thể sử dụng $ (chuỗi) và sử dụng tất cả các hàm có sẵn trên đối tượng