jQuery, выберите по значению атрибута, добавив новый атрибут

Question

У меня есть привязка в моем HTML. у него есть атрибут страницы со значением. Поэтому каждый раз, когда он нажимается, я использую значение атрибута страницы в моем js. Теперь я хочу установить атрибут стиля с цветом фона, чтобы показать, что выбран определенный элемент. Поэтому я должен выбрать элемент по атрибуту страницы и добавить новый атрибут со значением для элемента a.

Как мне справиться с этим?

Answer 1

С HTML, как:

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

Вы могли бы сделать:

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

(т.е. лучше изменить отображение с использованием класса css [например, 'selected'], чем атрибута style - но вызов attr там показывает, как добавить атрибут).

Answer 2

Чтобы выбрать элемент по значению атрибута, вы можете использовать этот синтаксис:

$('[attribName="value here"]')

Где attribName следует заменить именем атрибута, таким как name, title и т. Д.

Чтобы добавить новое значение атрибута, вы можете использовать метод attr.

Пример:

$('[attribName="value here"]').attr('attribute name', 'attribute value');

Ивот как вы можете изменить цвет фона:

$('[attribName="value here"]').css('background-color', 'green');

Обратите внимание, что вы должны заменить имена и значения фиктивных атрибутов в соответствии с вашими требованиями.

Answer 3

Не уверен, что вы спрашиваете ... вам нужно найти элемент с определенным значением для "страницы" и изменить его фон?

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