javascript - 为什么这个 "next"不起作用？

Question

我想通过Ajax获取数据并将其填充到div .content中，但是不行。

HTML:

<div class="review">
  <span class="seefull" rel="1">see full content</span>
  <div class="content"></div>
  <div class="c_createtime">(06-15 04:03:13)</div>
</div>

<div class="seg_r"><img src="http://img.dachaocai.com/sys/seg_2.gif"/></div>

<div class="review">
  <span class="seefull" rel="2">see full content</span>
  <div class="content">12</div>
  <div class="c_createtime">(07-31 12:46:18)</div>
</div>

jQuery:

$(function() {
  $(".seefull").click(function() {
    $.ajax({
      url: "/j/fullreview",
      data: {"t":"b","id":$(this).attr("rel")},
      success: function(data) {
        $(this).find("div .content").html(data);
      }
    })
  })
})

Answer 1

  $(function(){
        $(".seefull").click( function (){
            var $this = $(this);
            $.ajax({
                url:"/j/fullreview",
                data:{"t":"b","id":$this.attr("rel")},
                success:function(data){
                    $this.parent().find(".content").html(data);
                }
            });
        });
  });

这是关于“this”的上下文。

当ajax回调函数执行时，this不再引用你的原始对象。因此，您需要将其原始引用存储在变量上，并从那里使用该变量以确保您始终引用正确的元素。

var $this = $(this);

使用上面的代码，您的对象现在存储在 $this 变量中。

$this.parent().find(".content").html(data);

找到我们元素的父元素，然后找到类为“content”的元素，并更改其内容。

我没有找到类内容的 div，因为从您的代码来看，该类只有一个元素。