cố gắng xóa thẻ div dựa trên thuộc tính dữ liệu

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+'"> 

Tôi muốn xóa vùng chứa chứa một product_id cụ thể. Tôi biết dữ liệu ('i') lấy giá trị, nhưng tôi không biết đi đâu từ đó.

Answer 1

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

.data phép bạn thiết lập và nhận được các biến khác bên cạnh các chuỗi (chức năng và các đối tượng)

Bạn cũng có thể sử dụng này:

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

Hoặc với một bộ chọn:

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

(Trong trường hợp "product_id" là một giữ chỗ cho giá trị thực ...)

Answer 2

Bạn có thể sử dụng filter():

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

Answer 3

Có một attribute selector trong jQuery mà bạn có thể sử dụng để tìm các yếu tố mà bạn đang tìm kiếm.

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