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

您可以将children（）用于此

$（本）。儿童（ '跨度'）HTML（响应）;

如何在当前子元素中加载ajax响应？

2 个答案: