Question

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

我的代码：

    <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

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

1 个答案: