删除从ajax

Question

你好我有一个项目列表div，其中的项目由ajax列出没有问题。没有页面刷新，我想通过第二次ajax调用从列表中删除特定的div。

<div id="itemList">
  <!-- these items are loaded by ajax -->
  <div id="item-1">Item 1</div>
  <div id="item-2">Item 2</div>
  <div id="item-3">Item 3</div>
</div>

第一次ajax通话

$.ajax({
  type: "POST",
  url: '/path',
  dataType: "json",
  data: {list: important},
  cache: false,
  success: function(result){
    $("#itemList").prepend(result.html);
  }
});

第二次ajax电话

$.ajax({
  type: "POST",
  url: '/path',
  dataType: "json",
  data: {list: update},
  cache: false,
  success: function(result){
    // try to remove the specific item. failed.
    $("#item-"+ result.id).remove();
  }
});

谁能帮助我吗？感谢。

Answer 1

因为列表项是通过AJAX添加的，所以DOM实际上并没有在页面加载时注册它。您需要首先定位父元素：

$.ajax({
  type: "POST",
  url: '/path',
  dataType: "json",
  data: {list: update},
  cache: false,
  success: function(result){
      $('ul#itemList').find('#item-"+ result.id').remove();
  }
});