Holen Eltern von übergeordneten Knoten in JS

Question

ich folgende HTML-Code haben:

, wenn ich auf die Schaltfläche Löschen klicken Sie auf die < li> Attribut von diesem Produkt löschen müssen.

Es hatte mit JS gearbeitet, aber jetzt ist es nicht möglich. Der Hörer:

cartList.on('click', '.delete-item', function(event){ 
    event.preventDefault(); 
    removeProduct($(event.target).parents('.product')); 
}); 

Dies ist die removeproduct Funktion bis wo es stürzt ab:

function removeProduct(product) { 
    clearInterval(undoTimeoutId); 
    cartList.find('.deleted').remove(); 
    var topPosition = product.offset().top - cartBody.children('ul').offset().top, 
    productQuantity = Number(product.find('.quantity').find('input').val()), 
    productTotPrice = Number(product.find('.price').text().replace('€', '')); 
} 

ich den Fehler:

main.js:168 Uncaught TypeError: Cannot read property 'top' of undefined

So wahrscheinlich kann er nicht den Knoten Produkt erhalten aber liest nur "Aktionen" - der erste Knoten als Elternteil. Aber wie kann ich acces das Attribut Produkt li die ganze Reihe

Answer 1

Versuchen Sie es mit dem folgenden Code-Schnipsel zu löschen.

cartList.on('click', '.delete-item', function(event){ 
$(this).parents('.product').remove(); //this will remove the parent .product from the DOM 
});