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

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

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