如何选择具有更多属性的元素？

Question

如何选择具有更多属性的元素？

$('input[type="checkbox"]')

这将选中所有复选框，但如何在选择器中另外指定一个属性？

<input type="checkbox" data-test="1" />

如何选择设置了data-test属性的所有复选框？

Answer 1

你可以像这样链接它们：

$('input[type="checkbox"][data-test="1"]')

Answer 2

一个接一个地写下来：

$('input[type="checkbox"][data-test="1"]')

Answer 3

jQuery支持multiple attribute selectors。所以你可以这样：

$('input[type="checkbox"][data-test="1"]')

或者您可以使用:checkbox选择器将其缩短一些。

$(':checkbox[data-test="1"]')

测试：http://jsfiddle.net/NYX9p/