0

我想在我的 html 中使用特定的classand选择输入元素name：

<input type="checkbox"  value="Delete" name="foo" class="Row0"/>
<input type="checkbox"  value="Delete" name="foo" class="Row1"/>
<input type="checkbox"  value="Delete" name="foo" class="Row2"/>

我知道我可以使用逗号将选择器组合为：

"selector1, selector2, selectorN"

所以我把选择器写成：

'input[name=foo]:checked,input[class=Row0]'

但这在选择器上执行or，因为它返回与上述任一选择器匹配的元素。如果我想获得与上述所有选择器匹配的元素，即在选择器上执行和？

4

3 回答 3

4

只需添加额外的括号：

input[name=foo][class=Row0]:checked

或者简单地使用类选择器（本质上是相同的 - 可能在缓存方面工作得更好）：

input.Row0[name=foo]:checked

表示属性设置为的输入字段，属性设置为并且必须检查。namefooclassRow0

如果要排除元素，可以使用:not选择器：

input[name=foo]:checked:not(.Row0)

表示属性设置为的输入字段并且必须检查它，但是它不能具有 class 。namefooRow0

于 2013-08-03T15:34:35.990 回答
2

这个更好：

input.Row0[name=foo]:checked
于 2013-08-03T15:35:10.223 回答
0

在选择器中使用它：

'input[name=foo][class=Row0]:checked'
于 2013-08-03T15:35:23.997 回答