javascript - jquery ajax 更改类点击数据 id

Question

我有一个关于 jquery on click 的问题。

这是 DEMO 来自 jsfiddle.net

当您单击演示时，您可以看到有一个绿色和黄色的 div。

问题是当您单击 data-id="1" 并更改此 div 类时:

<div class="icon-kr icon-globe"></div>

将 icon-globe 更改为 icon-contacs

当你点击 data-id="2" 然后改变:

将 icon-globe 更改为 icon-lock-1

data-id="0" 也有同样的想法 我该怎么做，任何人都可以在这方面帮助我？ HTML

<div class="container" id="1">
    <div class="icon_ar"><div class="icon-kr icon-globe"></div>1</div>
    <div class="pr_type">
        <div class="type_s change_pri" data-id="0"><div class="icon-pr icon-globe"></div>1</div>
        <div class="type_s change_pri" data-id="1"><div class="icon-pr icon-contacs"></div>2</div>
        <div class="type_s change_pri" data-id="2"><div class="icon-pr icon-lock-1"></div>3</div>
    </div>
</div>

JS

$('.change_pri').click(function(){
    var dataid = $(this).attr('data-id');
    var id = $(this).closest('.container').attr('id');
    $.ajax({
        type: "POST",
        url: "chage_number.php",
        data: { dataid : dataid, id: id }
    }).success(function(result){
        alert(result);
    });
});

Answer 1

您需要使用 .data()，您没有正确访问数据。 https://api.jquery.com/jquery.data/

var dataid = $(this).data('id');