如何在當前子元素中加載ajax響應？

Question

我正在試圖在當前div項的子元素中添加ajax加載的內容，但它不起作用，無法找出問題出在哪裏。

這裏是HTML代碼：

<div class="thumb-pitch"> 
<span class="pitch-count" ></span> 
</div> 
<div class="thumb-pitch"> 
<span class="ditch-count"></span> 
</div> 

JS代碼：

$('.thumb-pitch').click(function() { 
var id= $(this).attr('cid'); 
var dataString = 'idea_id='+ id; 
$.ajax({ 
    type: 'POST',  
    url:"<?php echo base_url();?>users/user_votes/user_pitch", 
    data:dataString, 
    success: function(response) { 
    //alert(response);   
    $(this).find('span').html(response); 
    } 
}); 
}); 

Answer 1

您需要的$(this)參考存儲在一個變量，然後使用該變量的研製成功回調處理程序。 。

使用

$('.thumb-pitch').click(function() { 
    var id = $(this).attr('cid'); 
    var $this = $(this); //Store this reference in a variable 
    $.ajax({ 
     type: 'POST', 
     url: "<?php echo base_url();?>users/user_votes/user_pitch", 
     data: {"idea_id" : id}, 
     success: function(response) { 
      //alert(response);   
      $this.find('span').html(response); //Use the reference variable here 
     } 
    }); 
}); 

Answer 2

可以爲此

$（本）。兒童（ '跨度'）使用兒童（）HTML（響應）;