javascript - Jquery更新具有多个相同类的div内容

Question

我正在我的网站上构建一个简单的“点赞”服务。我希望用户能够点击链接来点赞，获得点赞总数(从 php 脚本返回)

我在从脚本获取数据来更新 div 时遇到问题。这就是我所拥有的:

<div id="112" class="like">Like it</div>
<div id="113" class="like">Like it</div>
<div id="114" class="like">Like it</div>

<script>
$(".like" ).click(function() {
var idl = $(this).attr("id");
$.ajax({type:"POST", data: likeid=idl, url:"ajax/publike.php", 
            success: function(data){
                $(this).html(data);
            },
                        error: function(){
                    alert ("Error");
            }
        });
        return false;
});
</script>

我只想用我从(数据)获得的内容更新 div，但没有更新。如果我更改为 $(".like").html(data); 它可以工作，但我有很多类似的类，我只有在更新单击的 div 时才进行更新。

谢谢

Answer 1

这样做:

<script>

$(".like" ).click(function()
{
    var idl = $(this).attr("id");

    var link = $(this);

    $.ajax({type:"POST", data: likeid=idl, url:"ajax/publike.php", 
    success: function(data)
    {
        link.html(data);
    },
    error: function()
    {
        alert ("Error");
    }});

    return false;
});

</script>