AJAXを使用してSQLクエリ結果を表示

Question

私は自分のサイトにニュースフィードを持ち、そこに投稿を投稿できます。これらの投稿は、他のユーザーが好きになることができます（例：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> 

---

を解決する

---

私の試み！ $.ajaxインサイド

Answer 1

、$(this)だけの変数に$(this)を追加し、Ajaxの応答関数でそれを使用$(".likers")を指すものではありません。あなたはおそらくnext()を使用する必要がありますので、あなたの例では

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

Answer 2

.displayLikersは兄弟です。さらにthisはsuccess関数の実際のコンテキストを参照するため、前に参照を作成する必要があります。

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