如何選擇具有更多屬性的元素？

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/