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

Question

.html()类selector($('.class').html())上的函数仅适用于匹配它的第一个元素.我想用class获得所有元素的值.class.

Answer 1

您将选择所有带有类的元素,.class但要收集所有需要的所有html内容,以便遍历所有这些内容:

var fullHtml;

$('.class').each(function() {
   fullHtml += $(this).html();
});

通过其中的containsig文本搜索项目:

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

代码:http://jsfiddle.net/CC2rL/1/

Answer 2

我更喜欢一个班轮:

var fullHtml = $( '<div/>' ).append( $('.class').clone() ).html();

Answer 3

您可以将html()过滤后的 jQuery 选择中的每个元素的映射到数组，然后加入结果：

           //Make selection
var html = $('.class')
          //Filter the selection, returning only those whose HTML contains string 
          .filter(function(){
              return this.innerHTML.indexOf("String to search for") > -1
          })
          //Map innerHTML to jQuery object
          .map(function(){ return this.innerHTML; })
          //Convert jQuery object to array
          .get()
          //Join strings together on an empty string
          .join("");

文档：

• .filter()
• .map()
• .get()
• .join()

Answer 4

$('.class').toArray().map((v) => $(v).html())