Question

<div class="row-container" data-i="'+data[i].product_id+'">
<div class="row-container" data-i="'+data[i].product_id+'">
<div class="row-container" data-i="'+data[i].product_id+'">
<div class="row-container" data-i="'+data[i].product_id+'">

我想删除包含特定product_id的行容器。我知道数据（'i'）检索值，但我不知道从那里去哪里。

Answer 1

$('.row-container').filter(function(){
    return $(this).data('i') === "product_id"
}).remove();

.data允许您设置和获取字符串（函数和对象）旁边的其他变量

您也可以使用：

$('.row-container').filter('[data-i="product_id"]').remove();

或者使用一个选择器：

$('.row-container[data-i="product_id"]').remove();

（其中"product_id"是实际值的占位符...）

Answer 2

您可以使用filter()：

var $div = $(".row-container").filter(function() {
    return $(this).data("i") == value; // where value == product id to find
});
$div.remove();

Answer 3

jQuery中有一个attribute selector可用于查找您正在寻找的元素。

$('div.row-container[data-i="<value>"]');

试图根据数据属性删除div标签

3 个答案: