blocks|key|557572|text|您正在使用类.class选择所有元素，但是要收集所有html内容，您需要遍历所有这些元素：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|557573|var+fullHtml;

$('.class').each(function()+{
+++fullHtml+%2B=+$(this).html();
});|code-block|syntax|javascript|557574|通过在其中包含文本来搜索项目：|557575|$('.class:contains("My+Something+to+search")').each(function()+{
+++//+do+somethign+with+that
});|557576|代码：http://jsfiddle.net/CC2rL/1/|557577|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/CC2rL/1/^0|6|6|0|0|0|0|3|S|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

You are selection all elements with class <code>.class</code> but to gather all html content you need to walk trough all of them:

<pre><code>var fullHtml;

$('.class').each(function() {
 fullHtml += $(this).html();
});
</code></pre>

search items by containig text inside of it:

<pre><code>$('.class:contains("My Something to search")').each(function() {
 // do somethign with that
});
</code></pre>

Code: <a href="http://jsfiddle.net/CC2rL/1/" rel="noreferrer">http://jsfiddle.net/CC2rL/1/</a>

blocks|key|774051|text|Samich答案是正确的。也许拥有一个html数组更好！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|774052|var+fullHtml+=+[];

$('.class').each(function()+{
+++fullHtml.push(+$(this).html()+);
});|code-block|syntax|javascript|774053|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/920258/samich^0|J|4|0|6|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<a href="https://stackoverflow.com/users/920258/samich">Samich</a> Answer is correct. Maybe having an array of <code>html</code>s is better! 

<pre><code>var fullHtml = [];

$('.class').each(function() {
 fullHtml.push( $(this).html() );
});
</code></pre>

blocks|key|557688|text|我更喜欢单行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|557689|var+fullHtml+=+$(+'<div/>'+).append(+$('.class').clone()+).html();|code-block|syntax|javascript|557690|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|$]]

I prefer a one liner:

<pre><code>var fullHtml = $( '&lt;div/&gt;' ).append( $('.class').clone() ).html();
</code></pre>

blocks|key|774172|text|如果您需要整个元素(以及外部超文本标记语言)，这里有另一个相关答案的问题：Get+selected+element's+outer+HTML|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|774173|@Volomike提供了一个simple+solution：|774174|var+myItems+=+$('.wrapper+.items');
var+itemsHtml+=+'';

//+We+need+to+clone+first,+so+that+we+don’t+modify+the+original+item
//+Thin+we+wrap+the+clone,+so+we+can+get+the+element’s+outer+HTML
myItems.each(function()+{
++++itemsHtml+%2B=+$(this).clone().wrap('').parent().html();
});

console.log(+'All+items+HTML',+itemsHtml+);|code-block|syntax|javascript|774175|@Eric+Hu的An+even+simpler+solution。请注意，并非所有浏览器都支持outerHTML：|style|CODE|774176|var+myItems+=+$('.wrapper+.items');
var+itemsHtml+=+'';

//+vanilla+JavaScript+to+the+rescue
myItems.each(function()+{
++++itemsHtml+%2B=+this.outerHTML;
});

console.log(+'All+items+HTML',+itemsHtml+);|774177|我发布了另一个答案的链接，以及对我有效的答案，因为在搜索时，我首先到达了这里。|774178|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2419749/get-selected-elements-outer-html|1|https://stackoverflow.com/users/105539/volomike|2|https://stackoverflow.com/a/4741203/1585841|3|https://stackoverflow.com/users/640517/eric-hu|4|https://stackoverflow.com/a/10405571/1585841|5|https://developer.mozilla.org/en-US/docs/Web/API/Element.outerHTML^0|11|X|0|0|0|9|1|E|F|2|0|0|1C|9|0|8|3|H|G|4|1C|9|5|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|D|3|E|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]|$A|1I|B|1J|1|1K]]|C|$]]|$1|F|3|G|5|H|7|1L|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1M|8|@$A|1N|B|1O|M|N]]|9|@$A|1P|B|1Q|1|1R]|$A|1S|B|1T|1|1U]|$A|1V|B|1W|1|1X]]|C|$]]|$1|O|3|P|5|H|7|1Y|8|@]|9|@]|C|$I|J]]|$1|Q|3|R|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|20|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]|12|$5|V|W|X|C|$Y|13]]|14|$5|V|W|X|C|$Y|15]]|16|$5|V|W|X|C|$Y|17]]|18|$5|V|W|X|C|$Y|19]]]]

In case you require the whole elements (with the outer HTML as well), there is another question with relevant answers here : <a href="https://stackoverflow.com/questions/2419749/get-selected-elements-outer-html">Get selected element&#39;s outer HTML</a>

A <a href="https://stackoverflow.com/a/4741203/1585841">simple solution</a> was provided by <a href="https://stackoverflow.com/users/105539/volomike">@Volomike</a> :

<pre><code>var myItems = $('.wrapper .items');
var itemsHtml = '';

// We need to clone first, so that we don’t modify the original item
// Thin we wrap the clone, so we can get the element’s outer HTML
myItems.each(function() {
 itemsHtml += $(this).clone().wrap('&lt;p&gt;').parent().html();
});

console.log( 'All items HTML', itemsHtml );
</code></pre>

An even <a href="https://stackoverflow.com/a/10405571/1585841">simpler solution</a> by <a href="https://stackoverflow.com/users/640517/eric-hu">@Eric Hu</a>. Note that not all browsers support <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element.outerHTML" rel="nofollow noreferrer"><code>outerHTML</code></a> :

<pre><code>var myItems = $('.wrapper .items');
var itemsHtml = '';

// vanilla JavaScript to the rescue
myItems.each(function() {
 itemsHtml += this.outerHTML;
});

console.log( 'All items HTML', itemsHtml );
</code></pre>

I am posting the link to the other answer and what worked for me because when searching I arrived here first.

blocks|key|774215|text|如果您将jQuery对象转换为Array，则可以对其执行reduce操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|774216|const+fullHtml+=+$('.class')
+++.toArray()
+++.reduce((result,+el)+=>+result.concat($(el).html()),+'')|code-block|syntax|javascript|774217|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce^0|F|5|S|6|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

If you turn your jQuery object into an <code>Array</code> you can <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce" rel="nofollow noreferrer">reduce</a> over it.

<pre><code>const fullHtml = $('.class')
 .toArray()
 .reduce((result, el) =&gt; result.concat($(el).html()), '')
</code></pre>

blocks|key|557840|text|$('.class').toArray().map((v)+=>+$(v).html())|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|557841|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('.class').toArray().map((v) =&gt; $(v).html())
</code></pre>

<code>.html()</code> function on class selector (<code>$('.class').html()</code>) applies only to the first element that matches it. I'd like to get a value of all elements with class <code>.class</code>.

jQuery .html() of all matched elements

jQuery

类选择器($('.class').html())上的.html()函数仅适用于与之匹配的第一个元素。我想要获取类为.class的所有元素的值。

问所有匹配元素的jQuery .html()
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问所有匹配元素的jQuery .html()EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问所有匹配元素的jQuery .html()
EN