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
)?
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
)?
Since jquery uses CSS selectors, as defined by the CSS specification a selector with multiple conditions will look like:
$('div[attr1="value1"][attr2="value2"]')
see the CSS spec for further reference: http://www.w3.org/TR/CSS2/selector.html#matching-attrs
You could for example chain and filter like so
var elements = $('div[attr1="value1"]').filter('div[attr2="value2"]');
Find this solution quite simple.
$('[attr1="home"][attr2="settings"]')
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'" );
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.
if you use with space it takes child
$("#a .b") = <div id="a"><div class="b">..
If you use without space it take same object with 2 class
$("#a.b") = <div id="a" class="b">..