Question

让我说我的html中有这些div：

<div id="div1" class="class1 aa class2 bb class3 cc class4 dd class5 ee"></div>
<div id="div2" class="class1 ff class2 gg class3 hh class4 ii class5 jj"></div>
<div id="div3" class="class1 aa class2 bb class3 mm class4 nn class5 oo"></div>

我有以下字符串：

var string1 = "class1 class2 class3 class4 class5";
var string2 = "aa class2 class3 class4 class5";
var string3 = "ff gg hh ii jj";
var string4 = "aa bb class3 class4 class5";

好的所以我正在尝试创建一个Jquery选择器来获取其中一个字符串并选择如下：

string1 //should select all 3 divs
string2 //should select div1 and div3
string3 //should select div2
string4 //should select div1 and div3

所以我的想法是选择器获取字符串，如果给定字符串中的所有类（5个类）匹配div类，则div被选中。我尝试了类似这样的东西但是没有用。

$('div[class=' + stringnumber + ']').css(dosomething);

Answer 1

鉴于您实际上并不想匹配整个class属性字符串值，请使用多类选择器。

var string1 = '.class1.class2.class3.class4.class5';

$('div' + string1).css(doSomething);

Answer 2

string1 //should select all 3 divs 
string2 //should select div1 and div3 
string3 //should select div2 
string4 //should select div1 and div3 probably mistake. Do you mean div1 and div2?

string1显而易见：$('.class1') string2：$('.aa')
string3：$('.ff')
string4：$('.class1:not(.nn)')表示div1和div2

css选择与特定类组合匹配的所有元素

2 个答案: