blocks|key|224453|text|var+jQueryObject+=+$('<div></div>').html(+string+).children();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|224454|这将创建一个虚拟的jQuery对象，您可以将字符串放入其中。然后，你只得到孩子。|unstyled|224455|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var jQueryObject = $('&lt;div&gt;&lt;/div&gt;').html( string ).children();
</code></pre>

<p>This creates a dummy jQuery object in which you can put the string as HTML. Then, you get the children only.</p>


blocks|key|2877051|text|更新：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2877052|在HTML1.8中，我们可以使用$.parseHTML，它将把jQuery字符串解析为DOM节点数组。例如：|offset|length|2877053|var+dom_nodes+=+$($.parseHTML('<div><input+type="text"+value="val"+/></div>'));

alert(+dom_nodes.find('input').val()+);|code-block|syntax|javascript|2877054|2877055|2877056|var+string+=+'<div><input+type="text"+value="val"+/></div>';

$('<div/>').html(string).contents();|2877057|2877058|这段代码中发生了什么：|2877059|2877060|$('<div/>')是一个伪<div>，它不存在于该伪string内的<div>追加<div>中，因为DOM|unordered-list-item|style|CODE|2877061|$('<div/>').html(string)将该伪<div>的子项作为jQuery+object|2877062|进行检索|2877063|如果你想让.find()正常工作，那就试试这个：|2877064|var+string+=+'<div><input+type="text"+value="val"+/></div>',
++++object+=+$('<div/>').html(string).contents();

alert(+object.find('input').val()+);|2877065|2877066|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/jquery.parsehtml/^0|0|G|B|0|0|0|0|0|0|0|0|0|0|B|F|5|S|6|10|5|17|5|0|0|O|R|5|0|0|5|7|0|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1F|8|@]|9|@$D|1G|E|1H|1|1I]]|A|$]]|$1|F|3|G|5|H|7|1J|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|1M|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1O|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1Q|8|@$D|1R|E|1S|V|W]|$D|1T|E|1U|V|W]|$D|1V|E|1W|V|W]|$D|1X|E|1Y|V|W]|$D|1Z|E|20|V|W]]|9|@]|A|$]]|$1|X|3|Y|5|U|7|21|8|@$D|22|E|23|V|W]|$D|24|E|25|V|W]]|9|@]|A|$]]|$1|Z|3|10|5|6|7|26|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|27|8|@$D|28|E|29|V|W]]|9|@]|A|$]]|$1|13|3|14|5|H|7|2A|8|@]|9|@]|A|$I|J]]|$1|15|3|-4|5|6|7|2B|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|2C|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D]]]]

<h2>Update:</h2>
<p>From jQuery 1.8, we can use <a href="https://api.jquery.com/jquery.parsehtml/" rel="noreferrer">$.parseHTML</a>, which will parse the HTML string to an array of DOM nodes. eg:</p>
<pre><code>var dom_nodes = $($.parseHTML('&lt;div&gt;&lt;input type=&quot;text&quot; value=&quot;val&quot; /&gt;&lt;/div&gt;'));

alert( dom_nodes.find('input').val() );
</code></pre>
<p><a href="https://jsfiddle.net/Lmsan9fq/" rel="noreferrer"><strong>DEMO</strong></a></p>
<hr />
<pre><code>var string = '&lt;div&gt;&lt;input type=&quot;text&quot; value=&quot;val&quot; /&gt;&lt;/div&gt;';

$('&lt;div/&gt;').html(string).contents();
</code></pre>
<p><strong><a href="http://jsfiddle.net/QStkd/273/" rel="noreferrer">DEMO</a></strong></p>
<h3>What's happening in this code:</h3>
<ul>
<li><code>$('&lt;div/&gt;')</code> is a fake <code>&lt;div&gt;</code> that does not exist in the DOM</li>
<li><code>$('&lt;div/&gt;').html(string)</code> appends <code>string</code> within that fake <code>&lt;div&gt;</code> as children</li>
<li><code>.contents()</code> retrieves the children of that fake <code>&lt;div&gt;</code> as a jQuery object</li>
</ul>
<h3>If you want to make <code>.find()</code> work then try this:</h3>
<pre><code>var string = '&lt;div&gt;&lt;input type=&quot;text&quot; value=&quot;val&quot; /&gt;&lt;/div&gt;',
    object = $('&lt;div/&gt;').html(string).contents();

alert( object.find('input').val() );
</code></pre>
<p><strong><a href="http://jsfiddle.net/QStkd/276/" rel="noreferrer">DEMO</a></strong></p>


blocks|key|2877094|text|从jQuery+1.8开始，您可以只使用parseHtml来创建jQuery对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2877095|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));|code-block|syntax|javascript|2877096|我已经创建了一个演示这一点的JSFidle：http://jsfiddle.net/MCSyr/2/|offset|length|2877097|它将任意的HTML字符串解析成一个jQuery对象，并使用find在div中显示结果。|2877098|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/MCSyr/2/^0|0|0|M|S|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>As of jQuery 1.8 you can just use parseHtml to create your jQuery object:</p>

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

<p>I've created a JSFidle that demonstrates this: <a href="http://jsfiddle.net/MCSyr/2/">http://jsfiddle.net/MCSyr/2/</a></p>

<p>It parses the arbitrary HTML string into a jQuery object, and uses find to display the result in a div.</p>


blocks|key|221173|text|还有一个名为cheerio的伟大的库专门为此而设计。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|221174|221175|快速、灵活、精益地实施专为服务器设计的核心jQuery。|blockquote|221176|221177|221178|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>|code-block|syntax|javascript|221179|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/cheeriojs/cheerio^0|6|7|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|-4|5|6|7|10|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|11|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|12|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|13|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|14|8|@]|9|@]|C|$M|N]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>There is also a great library called <a href="https://github.com/cheeriojs/cheerio" rel="nofollow">cheerio</a> designed specifically for this.</p>

<blockquote>
  <p>Fast, flexible, and lean implementation of core jQuery designed specifically for the server.</p>
</blockquote>

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

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

$.html();
//=&gt; &lt;h2 class="title welcome"&gt;Hello there!&lt;/h2&gt;
</code></pre>


blocks|key|2877141|text|我将以下内容用于我的HTML模板：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2877142|$(".main").empty();

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

$(".main").append(final.html());|code-block|syntax|javascript|2877143|注意:假设您使用的是jQuery|2877144|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I use the following for my HTML templates:</p>

<pre><code>$(".main").empty();

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

$(".main").append(final.html());
</code></pre>

<p>Note: Assuming if you are using jQuery</p>


blocks|key|3091135|text|$(string)不起作用的原因是jquery找不到$()之间的html内容。因此，您需要首先将其解析为html。一旦你有了一个变量，你已经在其中解析了html。然后，您可以使用$(字符串)并使用对象上可用的所有函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3091136|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>the reason why $(string) is not working is because jquery is not finding html content between $(). Therefore you need to first parse it to html.
once you have a variable in which you have parsed the html. you can then use $(string) and use all functions available on the object</p>


blocks|key|224649|text|你可以尝试下面这样的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224650|$($.parseHTML(<<table+html+string+variable+here>>)).find("td:contains('<<some+text+to+find>>')").first().prev().text();|code-block|syntax|javascript|224651|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can try something like below</p>
<pre><code>$($.parseHTML(&lt;&lt;table html string variable here&gt;&gt;)).find(&quot;td:contains('&lt;&lt;some text to find&gt;&gt;')&quot;).first().prev().text();
</code></pre>


<p>I have a big HTML-string containing multiple child-nodes.</p>

<p>Is it possible to construct a <strong>jQuery</strong> DOM object using this string?</p>

<p>I've tried <code>$(string)</code> but it only returns an array containing all the individual nodes.</p>

<p>Imtrying to get an element which i can use the .find() function on.</p>


Creating a jQuery object from a big HTML-string

服务器

jQuery

我有一个包含多个子节点的大型HTML字符串。是否可以使用此字符串构造jQuery DOM对象？我尝试过$(string)，但它只返回一个包含所有单个节点的数组。我试图获取一个可以使用.find()函数的元素。

问从一个大的HTML-string创建jQuery对象
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从一个大的HTML-string创建jQuery对象EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从一个大的HTML-string创建jQuery对象
EN