查找和数据属性

Question

我有这个项目在我的HTML删除项目：

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

，我需要通过使用数据属性将其删除。我发现不起作用：

$(".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。