ブートストラップテーブルのボタンアクションを制御する方法

Question

私は、開始時刻から入力したブートストラップテーブルを持っています。終了時刻は、mysqlの値を持つカレンダーからユーザー入力を選択し、その値を同じajaxに投稿しますポスト私はこのようにもボタンを送信します。

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

そして、私はこのように見ているテーブルになるだろう：私は各ボタンの機能を制御するにはどうすればよい

を？

私は最初のものを押すと、それはconsole.log 13940（重量の値）と私は2番目のものを押すと、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（）関数を追加または削除してみてください。 このコードは実際のコードに触れることなく動作します