如何控制引導表上的按鈕動作

Question

我有一個引導表，我從一個開始時間填充 - 結束時間用戶輸入從日曆中選擇從MySQL的值，我發佈該值與ajax，在同一個Ajax後我也送按鈕是這樣的：

button: "<button type=\"button\" class=\"btn btn-default\">Image</button>" 

而且我會得到那個正在尋找像這樣的表：

如何，我可以控制每個按鈕的功能？假設我按下第一個，它將console.log 13940（重量的值），當我按下第二個時，它將console.log 13000？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？

另外我想提出一些更多的功能，例如，當按下某個按鈕時，根據添加的日期和控制檯記錄一個與查詢相關的數據庫的sql查詢？

Answer 1

<button type=\"button\" data-id=\"13940\" class=\"getid btn btn-default\">Image</button> 

點擊這個按鈕後，你會得到ID

$('.getid').on('click', function(){ 
    // you can make ajax call here to get data 
    console.log($(this).data('id')); 
}); 

，你可以從它那裏得到基本思路。

Answer 2

當你綁定按鈕與Html添加按鈕是唯一的ID的ID。

<button type=\"button\" class=\"btn btn-default\">Image</button> 

編輯

<button type=\"button\" class=\"btn btn-default\" id=\"yourid\">Image</button> 

Answer 3

下面的代碼會給你的價值。

$("button").click(function(){ 
     var ref = $(this).parent().parent().find("tr:first-child").text(); 
    console.log(ref); 
}); 

注意：只要嘗試添加或刪除parent（）函數以供精確引用。 此代碼的工作原理沒有觸及實際代碼