你可以在$ .post（）中使用$（this）嗎？

Question

我似乎無法從$ .post部分訪問$（this）。它在它外面工作正常。下面是JavaScript的：

$('.idea').each(function(){ 
     var title = $(this).html(); 
     $.post("votes.php", { title: title }, function(data){ 
      $(this).nextAll('.voteTotal').html(data); 
     }, "json"); 
    }); 

HTML：

<h3 class="idea">Idea #1</h3> 
<h4 class="voteTotal"></h4> 
<p>This is a really cool idea.</p> 
<a href="#" class="vote">Click to vote</a> 

Answer 1

你應該回調函數之前備份this：

$(".idea").each(function() { 
    var $this = $(this), 
     title = $this.html(); 

    $.post("votes.php", { title: title }, function(data) { 
     $this.nextAll(".voteTotal").html(data); 
    }, "json"); 
}); 

Answer 2

使用context設置，然後它會工作：

$('.idea').each(function(){ 
    var title = $(this).html(); 
    $.post("votes.php", { title: title, context: this }, function(data){ 
     $(this).nextAll('.voteTotal').html(data); 
    }, "json"); 
});