Как загрузить ответ ajax в текущем дочернем элементе?

Question

Я triying, чтобы добавить загруженный контент ajax в дочерний элемент текущего элемента div, но он не работает, не в состоянии выяснить, в чем проблема.

здесь 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

Вы можете использовать детей() для этого

$ (это) .children ('пролетных') HTML (ответ);