jQuery, Select by attribute value, adding new attribute

Question

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?

Answer 1

With HTML like:

<a href='#' page='1'>Link 1</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​<br />

you could do:

$('a[page=1]').addClass('selected').attr('test', 'hi!');​

(ie better to change display using a css class [eg 'selected'] than the style attribute - but the attr call there shows how to add an attribute).

Answer 2

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.

Answer 3

不确定你在问什么..你需要找到具有“页面”特定值的元素并更改其背景吗？

$("a[page='value']").css('background-color', 'color-code');