Question

HTML：

<div class="row">
<!-- content -->
<a href="#" class="remove">remove</a>
</div>

JS：

$('.remove').click(function(){
  $(this).parent().remove();
  return false;
});

如果只有一个DIV它可以正常工作但是当有多个DIVS（class="row"）时它不会做任何事情。也不会返回任何错误。

编辑：我应该补充一点，默认只有一个div - 使用jQuery克隆函数动态创建额外的div - 也许这就是为什么它不能识别新的link / div？

Answer 1

它对我有用：JS Fiddle demo。

鉴于其他div是动态加载的，您需要使用：

$('.remove').live('click',
  function(){
      $(this).parent().remove();
      return false;
});

JS Fiddle demo (featuring add and remove)

Answer 2

如果我理解正确 - 它似乎按预期工作 - Demo

Answer 3

似乎对我来说工作得很好。查看我的JSFiddle（添加删除动画以获得乐趣）

<强>更新

每次创建新项目时，都需要重新执行代码

doCloneObject();

//Once you create the new object(s), tell jQuery what to do with them.
$('.remove').click(function(){
    $(this).parent().toggle('fast', function (){
            $(this).remove();
    });
    return (false);
});

Answer 4

确保您的代码仅在整个页面加载后运行，即：

$(document).ready(function() {
  $('.remove').click(function(){
    $(this).parent().remove();
    return false;
  });
});

使用链接删除DIV

4 个答案: