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");