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”是实际值的占位符...)