jQuery包含选择器，用于在将div分组到子组时搜索多个字符串

Question

我在容器中有一堆div，其中几个div具有相似的文本 - 我希望它们在subgropus中分组。这适用于所有字符串共同的div，如下所示：

$( ".datainfo:contains('computer')" ).wrapAll( "<div       class='newcontainer' />");

但是后来我有三个div包含每个div唯一的文本--N1，N2和N3。

如何将这些组合在一起？我试过这个，我觉得它会起作用，但事实并非如此......

$('.datainfo:contains("N1"):contains("N2"):contains("N3")').wrapAll( "<div class='newcontainer2'/>");

Answer 1

<强> JS

$('.datainfo:contains("N1"),.datainfo:contains("N2"),.datainfo:contains("N3")')

尝试上面的selctor希望它能解决你的问题。

Answer 2

您使用的选择器要求.datainfo必须包含＆＃39; N1＆＃39;，＆＃39; N2＆＃39; 和＆＃39; N3＆＃39;。相反，逗号将它们分开，以选择包含其中任何一个的所有.datainfo：

$('.datainfo:contains("N1"), .datainfo:contains("N2"), .datainfo:contains("N3")').wrapAll( "<div class='newcontainer2'/>");

Answer 3

您可以使用filter()，imho，以提高可读性：

$('.datainfo').filter(':contains("N1"), :contains("N2"), :contains("N3")').wrapAll("<div class='newcontainer2'/>");