jQuery - 将一个列表项替换为第一个列表项内元素中的另一个列表项

Question

所以我有一个看起来像

...
<li class="buried">
  <div>
    <a class="show">show this comment</a>
  </div>
</li>

<li>
  <div>
    bla blah..
  </div>
</li>
....

javascript 的评论列表：

$(".buried").click(function(){

   $.ajax({
     ...
     success: function(data){
        alert(data);
        // here I want to replace the li.buried with data
      }
   });
  return false;
});

我怎样才能做到这一点？

我尝试使用 $(this).parents(".buried").replace(data) 但它不起作用:(

Answer 1

将 AJAX 调用的 context 参数设置为 this：

$(".buried").click(function(){

   $.ajax({
     url:'some/url',
     context: this,
     success: function(data){
        alert(data);
        $(this).replaceWith( data );
      }
   });
  return false;
});

由于 click 处理程序位于

上，在处理程序中，this 将引用接收事件的

。

我假设返回的 data 是另一个

因为这是唯一有效的替换。如果您确实想替换其内容，请执行 $(this).html( data )。

请注意，如果您确实替换

本身，您将丢失该项目的点击处理程序。如果您不想丢失它，您可能需要将 click 分配为

本身的 delegate。