admin管理员组文章数量:1317742
I have an anchor in my HTML. it has a page attribute with a value. So everytime it is clicked I use the page attribute value in my js. Now I want to set a style attribute with a background color to show that a certain a element is selected. So I have to select the element by page attribute and add a new attribute with a value to the a element.
How do I handle that?
I have an anchor in my HTML. it has a page attribute with a value. So everytime it is clicked I use the page attribute value in my js. Now I want to set a style attribute with a background color to show that a certain a element is selected. So I have to select the element by page attribute and add a new attribute with a value to the a element.
How do I handle that?
Share Improve this question edited Sep 16, 2010 at 6:42 Yi Jiang 50.2k16 gold badges138 silver badges136 bronze badges asked Sep 16, 2010 at 6:36 DarkLeafyGreenDarkLeafyGreen 70.5k136 gold badges391 silver badges616 bronze badges 1- Show us the code please. – Q_Mlilo Commented Sep 16, 2010 at 6:44
3 Answers
Reset to default 4With HTML like:
<a href='#' page='1'>Link 1</a><br />
you could do:
$('a[page=1]').addClass('selected').attr('test', 'hi!');
(i.e. better to change display using a css class [e.g. 'selected'] than the style attribute - but the attr call there shows how to add an attribute).
To select an element by attribute value, you can use this syntax:
$('[attribName="value here"]')
Where attribName should be replaced with attribute name such as name, title, etc.
To add a new attribute value, you can use the attr method.
Example:
$('[attribName="value here"]').attr('attribute name', 'attribute value');
And this is how you can change the background color:
$('[attribName="value here"]').css('background-color', 'green');
Note you should replace dummy attribute names and values as per your requirements.
Not sure what you're asking.. do you need to find the a elemenent with a certain value for "page" and change its background?
$("a[page='value']").css('background-color', 'color-code');
本文标签： JavaScriptJQuerySelect by attribute valueadding new attributeStack Overflow
版权声明：本文标题：javascript - jQuery, Select by attribute value, adding new attribute - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742020336a2414488.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论