当我删除某些内容时,我似乎无法让我的 jQuery 正确删除一个 div
代码是:
<div class="amend_order" data-item_key="1367264719mz7">
<p>Home Made Ice Cream</p>
<p class="small_text">Pistachio</p>
<p>
<a class="edit_item ui-link" href="javascript:void(0);">Edit</a>
----
<a class="deleter ui-link" href="javascript:void(0);">Delete</a>
</p>
</div>
我试过用
$(this).closest('div').remove();
不幸的是,这不起作用。
基本上有几个 div
的列表,我只希望它们在单击时消失。
最佳答案
如果你的容器div是动态添加的,你需要使用事件委托(delegate)。试试这个:
$("#container").on("click", ".amend_order .deleter", function () {
$(this).closest("div").remove();
});
演示: http://jsfiddle.net/m6jVP/
如果它们是动态添加的,则事件绑定(bind)实际上不会找到任何元素,因此在单击它们时不会执行。此事件处理针对 #container
内的任何元素运行,这些元素在被单击时与选择器 .amend_order .deleter
匹配。
您可以将 #container
替换为与稳定(静态)元素匹配的选择器,该元素包含您定位的这些 div,必要时使用 document
。
关于javascript - jQuery 删除 div onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16287152/