按数据属性查找和删除项目

Question

我的HTML中有这个项目：

<p class="choose-item" data-product-id = "{{ listprod.id }}"></p>

我需要使用data属性将其删除。我发现的不起作用：

$(".choose-item").find("[data-product-id=" + Model.get('old_prod_id') + "]").remove();

其中Model.get（'old_prod_id'）是需要的项目ID。有人可以帮我这么做吗？

Answer 1

您应该使用.filter()方法而非.find()，.find()选择所选元素的后代元素，但在此您需要.filter()该集合（已选中）元素）。

$(".choose-item").filter("[data-product-id='" + Model.get('old_prod_id') + "']")
                 .remove();

Answer 2

什么是.choose-items父母。使用它。

$("body").find("[data-product-id=" + Model.get('old_prod_id') + "]").remove();

替换body而不是.choose-items父标记的类名或ID。