Question

我想知道如何使用jquery ...

将属性添加到以下代码中

退出按钮代码：

<div class="wp-picker-container">
    <a class="wp-color-result" tabindex="0" style="background-color: rgb(111, 183, 145);" title="Select Color"></a>
</div>

点击退出代码后：

<div class="wp-picker-container">
    <a class="wp-color-result wp-picker-open" tabindex="0" style="background-color: rgb(111, 183, 145);" title="Select Color"></a>
</div>

需要输出，如添加 data-current =“当前颜色”

<a class="wp-color-result" tabindex="0" style="background-color: rgb(130, 6, 6);" title="Select Color" data-current="Current Color"></a>

Answer 1

你可以使用.data（）方法来完成。

syntax: .data(key,value)

$('.wp-color-result').on('click',function() {

  $('.wp-color-result').data("current","current-color");

}

更多参考：http://api.jquery.com/data/

Answer 2

可能类似（未经测试）

$(".wp-color-result").attr("data-current", "Current Color");

http://api.jquery.com/attr/

但是，如果可能的话，使用data() - 函数可能会更简洁，因为“数据当前”属性很可能对页面的html标记没有意义。使用data() - 函数仍然允许您使用javascript代码中的数据。

data()可以这样工作：

$(".wp-color-result").data("data-current", "Current Color");

http://api.jquery.com/data/

如何在jquery中为链接添加属性

2 个答案: