jQuery删除div onclick

Question

当我删除某些东西时,我似乎无法让我的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();

不幸的是,这不起作用.

基本上有几个列表,divs我只是希望它们在点击时消失.

Answer 1

如果动态添加容器div,则需要使用事件委派.试试这个:

$("#container").on("click", ".amend_order .deleter", function () {
    $(this).closest("div").remove();
});

演示: http ://jsfiddle.net/m6jVP/

如果它们是动态添加的,那么事件绑定实际上不会找到任何元素,因此在单击时不会执行.当单击#container选择器.amend_order .deleter时,此事件处理将运行与选择器匹配的任何元素.

您可以#container使用选择器替换,该选择器匹配包含您要定位的这些div的稳定(静态)元素,document必要时使用.