Zugriff auf dynamischen Wert zum Löschen des Objektschlüssels

Question

Ich füge Objekte zu einem Objekt hinzu und muss sie löschen können.

<div class="list"> 
    <span class="itemName">Item Name</span> 
    <a href="#" class="expand"></a> 

    <ul class="options"> 
      <h5> Options </h5> 
      <li><a href="#" class="add">Add Item</a></li> 
      <li><a href="#" class="delete">Delete Item</a></li> 
    </ul> 
</div> 

var tableData = {}; 

$(".delete").click(function() { 
    var tmp = $(this).parent().parent().parent().next().val(); 
    delete tableData[tmp]; 
)}; 

Ich brauche den „Item Namen“ zu bekommen, weil es der Schlüssel für das Objekt, das ich löschen muß. Bin ich hier richtig?

Answer 1

Erstens können Sie closest() anstelle von mehreren verketteten parent() Anrufe verwenden. Zweitens sucht next() nach Geschwistern, aber Sie müssen .itemName finden, die ein Kind ist, so dass Sie find() verwenden müssen. Schließlich haben nur Formulareingaben einen Wert, der über val() abgerufen werden kann. In diesem Fall benötigen Sie text() oder html(). Versuchen Sie dies:

$(".delete").click(function() { 
    var tmp = $(this).closest('.list').find('.itemName').text(); 
    delete tableData[tmp]; 
}); 

Beachten Sie auch, dass Ihre schließende Klammer war falsch herum. Es sollte }) sein, nicht )}.

Working example