Übergeben von Tabellenzellenattributen an das Bootstrap-Modal

Question

Ich habe eine Schaltfläche in einer Tabellenzelle, die einen Bootstrap-Modaldialog anzeigt - das funktioniert gut. In der gleichen Tabellenzelle sind einige Attribute, die ich an den modalen Dialog übergeben möchte. Hier ist ein Beispiel der Tabellenzelle:

<td data-toggle="modal" productID="P1234" description="Lunchbox" data-skip-id="0" data-rec-id="61656" data-target="#showModal"> 
    <span class="glyphicon glyphicon-trash"></span> 
</td> 

ich einige der Attribute wie der data-rec-id Wert bekommen kann mit:

recID = $(e.relatedTarget).data('rec-id'); 

kann aber nicht die Syntax arbeiten, um andere wie die ProduktID zu erhalten und Beschreibung?

Auch wenn ich das Format eines des Attributs ändern, die arbeitet, wie zum Beispiel:

data-recID="61656" 

dann mit:

recID = $(e.relatedTarget).data('recID'); 

scheint nicht zu funktionieren?

Answer 1

productId und description sind Attribute direkt auf das Element, so müssen Sie attr() verwenden:

var $td = $(e.relatedTarget); 
var desc = $td.attr('description'); 
var productId = $td.attr('productId'); 

Sie sollten jedoch beachten, dass weder productId noch description gelten Attribute für das td Element. Wenn möglich, sollten Sie sie in data-* Attribute konvertieren und die gleiche Methode verwenden, um auf sie zuzugreifen, wie Sie ursprünglich waren, dh. data()