Büyük bir HTML dizesinden jQuery nesnesi oluşturma

Birden çok alt düğüm içeren büyük bir HTML dizesi var.

Bu dizeyi kullanarak bir jQuery DOM nesnesi oluşturmak mümkün mü ?

Denedim $(string)ama sadece tüm bireysel düğümleri içeren bir dizi döndürür.

.Find () işlevini kullanabileceğim bir öğe almak için imtrying.

Güncelleme:

JQuery 1.8'den, HTML dizesini bir DOM düğümü dizisine ayrıştıracak $ .parseHTML kullanabiliriz . Örneğin:

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

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

DEMO

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

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

DEMO

Bu kodda neler oluyor:

• $('<div/>')DOM'da <div>bulunmayan bir sahte
• $('<div/>').html(string)çocuk olarak stringo sahte içine ekler<div>
• .contents()o sahte çocuklarını <div>jQuery nesnesi olarak alır

İş yapmak istiyorsanız şunu .find()deneyin:

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

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

DEMO

JQuery 1.8'den itibaren, jQuery nesnenizi oluşturmak için parseHtml dosyasını kullanabilirsiniz:

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));

Bunu gösteren bir JSFidle oluşturdum: http://jsfiddle.net/MCSyr/2/

Rasgele HTML dizesini bir jQuery nesnesine ayrıştırır ve sonucu bir div içinde görüntülemek için find komutunu kullanır.

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

Bu, dizeyi HTML olarak koyabileceğiniz bir sahte jQuery nesnesi oluşturur. Sonra, sadece çocukları alırsınız.

Bunun için özel olarak tasarlanmış cheerio adlı harika bir kütüphane de var .

Sunucu için özel olarak tasarlanmış çekirdek jQuery'nin hızlı, esnek ve yalın uygulaması.

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>

HTML şablonlarım için aşağıdakileri kullanıyorum:

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

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

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

Not: jQuery kullanıyorsanız,

$ (string) 'in çalışmamasının nedeni jquery'nin $ () arasında html içeriği bulamamasıdır. Bu nedenle önce html'ye ayrıştırmanız gerekir. html'yi ayrıştırdığınız bir değişkeniniz varsa. daha sonra $ (string) ve nesnede bulunan tüm fonksiyonları kullanabilirsiniz