javascript - 我无法设置按钮的数据属性

Question

我想在按钮中设置数据属性的值，但不知何故它不起作用。

JSFiddle: http://jsfiddle.net/4gwAS/1/

我的代码:

    <div id="parent">

    <div id="rating" data-score="5">5 STARS</div>
    <button id="store_score">store rating in save button</button>

    <a href="javascript:void(0)" class="button save_rating"
                    data-score=""
                    data-organisor_id="12"
                    data-event_id="23">save rating</a>

    </div>

$('#store_score').on('click', function() {
        var score = $('#rating').data('score'); //getter
        alert(score);
        $(this).parent().find('.save_rating').data('score', score);

    });

我需要解决保存按钮的类，不能在这里使用 id。

知道为什么“保存评分”按钮的数据评分属性没有设置吗？

Answer 1

您的代码中有错误的标记名称。您的标签不叫 score，而是 data-score。

所以如果你想在按下按钮后改变你的 data-score 属性，试试这个:

 $(this).parent().find('.save_rating').attr('data-score', 4);

JSFiddle here