如何在多个属性值上选择元素

Question

使用jQuery，可以轻松选择具有给定属性值的元素。

例如：

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

但如何选择多个属性（例如attr1 = value1 和 attr2 = value2）？

Answer 1

由于jquery使用CSS选择器，如CSS规范所定义的，具有多个条件的选择器将如下所示：

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

请参阅CSS规范以获取进一步参考：http://www.w3.org/TR/CSS2/selector.html#matching-attrs

Answer 2

你可以举例如链式和过滤器

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

Answer 3

很容易找到这个解决方案。

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

Answer 4

要选择多个属性，请参阅下面的代码。

此代码将查找具有id属性且名称属性以＆＃39; man＆＃39;结尾的所有输入。并设置值。

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