How do I select elements on multiple attribute values

With jQuery, it is easy to select elements with a given attribute value.

For example:

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

But how do I select on multiple attributes (e.g., attr1 = value1 and attr2 = value2)?

75828 次浏览

小开

You could for example chain and filter like so

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

小开

Since jquery uses CSS selectors, as defined by the CSS specification a selector with multiple conditions will look like:

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

小开

To select multiple attributes, see the code below.

This code will find all inputs that have an id attribute and whose name attribute ends with 'man' and sets the value.

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

小开

Find this solution quite simple.

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

小开

You can even target an element like so:

const elem = $('.className[type="checkbox"][name="someName"]')

or in more dynamic way with a parameter:

const elem = $('.elemClassName_'+$(this).data('id')+'[type="checkbox"][name="someName"]')

I use the last example to target a checkbox when an input value changes. The above is from many examples, and they work for me.