使用jquery从许多div元素中删除div元素？

Question

如何在点击时使用jquery生成的许多div中隐藏/删除div？下面重复框的代码：

var el = $("div");
  var bottom = $(window).height();
  while (el.offset().top + el.height() < bottom) {
    el = el.clone().insertAfter(el);

我试图使用下面隐藏/删除div元素，但它不起作用？

$(document).ready(function(){
  $("div").click(function(){
    $(this).hide();
  });
});

Answer 1

您可以添加一个类名来区分克隆。

el = el.clone().addClass("clone").insertAfter(el);

并使用.clone以上的代表团。

$(function(){
  $(document).on("click", ".clone", function(){
    $(this).hide();
  });
});

See it here.

Answer 2

这不起作用，因为元素是动态生成的......尝试...

$(document).ready(function(){
  $(document).on('click', 'div', function() {
    $(this).remove();
  });
});

Answer 3

原因是，您的代码无效，可能是时间问题。如果您的$(document).ready(...)在{/ 1>} 之前执行了，则无法找到所有动态生成的<script>...</script>。

如果你真的想删除div，那就点击了

HTML：

div

JS：

<div>Sample</div>

JSFiddle进行测试。