如何選擇多個屬性值上的元素

Question

使用jQuery，可以很容易地選擇具有給定屬性值的元素。

例如：

var elements = $('div[attr1="value1"]'); 

但是，我如何選擇多個屬性（例如，attr1 = value1和attr2 = value2）？

Answer 1

例如，你可以鏈和過濾器，像這樣

var elements = $('div[attr1="value1"]').filter('div[attr2="value2"]'); 

Answer 2

因爲jQuery使用CSS選擇器，由CSS規範定義的多個條件選擇看起來像：

$('div[attr1="value1"][attr2="value2"]') 

看CSS規範供進一步參考：http://www.w3.org/TR/CSS2/selector.html#matching-attrs

Answer 3

要選擇多個屬性，請參閱下面的代碼。

此代碼將查找具有id屬性並且其名稱屬性以'man'結尾並設置值的所有輸入。

$("input[id][name$='man']").val("this input has id and name ends with 'man'"); 

Answer 4

找到這個解決方案很簡單。

$('[attr1="home"],[attr2="settings"]')