テーブルセル属性をブートストラップモーダルに渡す

Question

ブートストラップモーダルダイアログを表示するテーブルセルにボタンがあります。これはうまくいきます。同じ表のセルには、モーダルダイアログに渡したい属性がいくつかあります。ここでは、テーブルセルの一例です：

<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> 

私が使用してdata-rec-id値のような属性の一部を取得することができます：

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

しかしのproductIDのような他の人を取得するために、構文をうまくできず、説明？

その後、

data-recID="61656" 

使用：

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

はどちらか動作するようには思えないような私が働いている属性のいずれかの形式を変更する場合にも

、？

Answer 1

productIdとdescriptionは直接要素の属性であるので、あなたはattr()を使用する必要があります。

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

しかし、あなたはproductIdもdescriptionどちらもtd要素の有効な属性があることに注意してください。可能であれば、それらをdata-*属性に変換し、同じ方法で元の状態にアクセスしてください。 data()