Here is my html
:
<div id="l">l</div>
<div id="a">a</div>
<div id="i">i</div>
How to change the color of only the l
and a
attributed elements? I searched for a selector with OR, something like this:
$(function(){
$('div[id=l,a]').css('color','red');
});
It's not working, is there something like that in jQuery?
EDIT Thank you guys it's working now:
$('[id=l], [id=a]').css('color', 'red');
But what if I want to search for those IDs inside a <div>
like $('[id=l], [id=a]','div')
. This doesn't work, how should I do it?
The [attribute^="value"] selector is used to select elements with the specified attribute, whose value starts with the specified value. The following example selects all elements with a class attribute value that starts with "top": Note: The value does not have to be a whole word!
Using jQuery The idea is to use the . attr() method, which returns the attribute's value for an element if it is present and returns undefined if the attribute doesn't exist.
$(function(){
$('#l, #a').css('color','red');
});
Fiddle: http://jsfiddle.net/maniator/2Xuat/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With