tratando de eliminar la etiqueta div según el atributo de datos

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

Quiero eliminar el contenedor de fila que contiene un product_id en particular. Sé que los datos ('i') recuperan el valor, pero no sé a dónde ir desde allí.

Answer 1

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

.data permite configurar y obtener otras variables al lado de cuerdas (funciones y objetos)

También puede utilizar esto:

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

O con un selector:

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

(Donde "product_id" es un marcador de posición para el valor real ...)

Answer 2

Puede utilizar filter():

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

Answer 3

Hay un attribute selector en jQuery que se puede utilizar para encontrar el elemento que se está buscando.

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