我有一個表這是空的。我有一個名爲的菜單,其中包含一些產品的列表。 下面的代碼重複菜單並在表中創建的行數與菜單數組中的產品數量一樣多。如何從點擊表格行獲取屬性值
要識別行中的產品,我能想到的最佳方法是使用屬性; data-ID =「」來存儲插入該行的產品的ID。
var id=[];
$(document).ready(function addMenuToTable() {
for (var i in menu) {
$('#menutable').append('<tr class ="product" role="button" data-id=""><td class"num">'+menu[i].num+'</td><td class="td-width"><span><b>'+menu[i].name+' </b></span><br>'+menu[i].ingred+'</td><td>'+menu[i].price+'</td></tr>');
$('#menutable tr').attr('data-id', menu[i].id);
id.push($('#menutable tr').attr('data-id'));
}
console.log(id);
});
現在點擊任何一行,我想檢索某個產品的id。
$(document).on('click','tr', function() {
var id = $(this).attr('data-id');
console.log(id);
});
但是,當我用console.log測試它時,無論我點擊哪行,我都只能得到最後一個產品ID。任何建議我做錯了什麼?
嘗試VAR ID = $(本).attr( '數據-ID'); – errand
即使使用$(this)也不起作用。仍是同樣的問題。 – Khkhy