Question

我目前正在使用jQuery将动态表单元素添加到我的网页。添加每个表单元素后，我希望用户能够在必要时删除该元素。我目前尝试使用jQuery执行此操作，我尝试定位某些类并删除它们，但是目前没有任何事情发生且我的控制台中没有任何错误。

这是我的删除代码，这是我做过的JS小提琴。

$(document).on('click', '.ingredient .remove', function () {
    $(this).parents('.ingredient .quantities').remove();
    return false;
});

https://jsfiddle.net/zp9faa2h/

Answer 1

.ingredient和.quantities有不同的父母。这就是为什么.parents('.ingredient .quantities')不会删除任何内容。

最好将这两个包装在父div中，但你可以像下面这样做： -

$(document).on('click', '.ingredient .remove', function () {
     $(this).closest('.ingredient').parent().next().remove();
     $(this).closest('.ingredient').parent().remove();
     return false;
});

然后，这会找到最接近父级的.ingredient并删除下一个容器.quantities。然后删除.ingredients的父级。

https://docs.mongodb.org/v2.6/tutorial/manage-sharded-cluster-balancer/

删除动态表单元素jQuery

1 个答案: