jquery - jQuery改变数据属性

Question

我有三个简单的按钮。

<div class="enter-btn">Enter</div>

<div class="all-btn">All</div>


<div class="category-all">
    <div class="back-btn" data-action="">Back</div>
</div>

当您单击Enter或时，它会为按钮All添加一个data-action值。Back

$(".enter-btn").bind("click", function() {
    $(".back-btn").attr("data-action", "search-home");
});

$(".all-btn").bind("click", function() {
    $(".back-btn").attr("data-action", "category-home");
});

$(".back-btn").bind("click", function() {
   alert($(this).data("action")); 
});

但是，如果您Enter先单击，则按钮All上的值Back似乎会保留第一个值，而不会获得新值。

我添加了一个简单的 jsfiddle 来显示我的问题。

http://jsfiddle.net/uCyJx/1/

Answer 1

要更改数据属性，请使用数据函数http://api.jquery.com/jQuery.data/：

$(".back-btn").data("action", "search-home");