jquery - 尝试根据数据属性删除 div 标签

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 的行容器。我知道 data('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 中有一个属性选择器，您可以使用它来查找您要查找的元素。

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