Javascript 使用AJAX显示SQL查询结果

我的网站上有一个新闻提要，用户可以在上面发帖。然后，其他用户也可以喜欢这些帖子（比如facebook）。

---

问题
我想显示用户，他们喜欢使用ajax发布文章。每当某个元素悬停时。
目前，用户被正确显示在每篇帖子的下方，而不仅仅是包含悬停元素的帖子。

---

我解决问题的尝试

<!-- HOVER THIS -->
<span class="likers small link"></span>

<!-- DISPLAY LIKERS HERE -->
<small class="displayLikers"></small>

<!-- AJAX -->
<script>
    $(function() {
        $(".likers").hover(function(){
            $.ajax({
                url: "get/likers",
                type: "GET",
                success: function(response) {
                    $(this).closest('.displayLikers').html(response);
                }
           });
        });
    });
</script>

$（函数（）{
$（“.likers”）.hover（函数（）{
$.ajax({
url:“获取/喜欢者”，
键入：“获取”，
成功：功能（响应）{
$（this）.closest（'.displayLikers'）.html（响应）；
}
});
});
});

---

---

我将非常感谢任何形式的帮助

在

$.ajax

中，

$（this）

不指

$（“.likers”）

只需将

$（this）

添加到变量中，并在ajax响应函数中使用它

$(function() {
    $(".likers").hover(function(){
        var likes = $(this);
        $.ajax({
            url: "get/likers",
            type: "GET",
            success: function(response) {
                likes.closest('.displayLikers').html(response);
            }
       });
    });
});

---

在您的示例中，

.displayLikers

是兄弟姐妹，因此您可能应该使用

next（）

。此外，

此

将引用success函数的实际上下文，因此您必须先创建一个引用

$(function() {
    $(".likers").hover(function(){
        var self = $(this);
        $.ajax({
            url: "get/likers",
            type: "GET",
            success: function(response) {
                self.next('.displayLikers').html(response);
            }
       });
    });
});

---

伟大的非常感谢。我会尽快接受答案。谢谢你的回答！阿什坎·莫巴耶恩·希亚巴尼比你快一点，因此我接受了他的正确答案。