jquery - 使用 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();
  });
});

看这里。

Answer 2

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

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

Answer 3

原因是您的代码不起作用，可能是时间问题。如果 your在your之前$(document).ready(...)执行，它不会找到所有动态生成的 s。<script>...</script>div

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

HTML：

<div>Sample</div>

JS：

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

  el.remove();

  $('div').click(function() {
    $(this).remove();
  });
});

JSFiddle用于测试。