行を検出し、javascriptを使用してtd値を取得します。 （動的テーブル）

Question

私は完全にインラインのJavaScriptを使用しないようにしたい！しかし、私はPHPを使用してmysqlデータベースから動的に生成されているテーブルを持っています。ユーザーがクリックした行のいずれかをクリックすると、クリックされた行に関する情報を含むモーダルが作成されます。今私はモーダルを初期化することができますが、テーブルの最初の列はその行に関する情報を取得するために使用できるインデックス値を保持します。私の質問は、私はどのようにインデックス値を取得することができますJavaScriptを使用しています。私は次のコードを使用していモーダルを開始するには：

$('#production tr').click(function(){ 
    $('#review_order').modal('show'); 
}) ;  

表のマークアップ：

あなたが rowspan/ colspan属性を追加した場合を除き

<table id="order_basket" class="table table-bordered"> 
    <thead> 
     <th>Voucher ID</th> 
     <th>Title</th> 
     <th>Created By</th> 
    </thead> 
    <tbody> 
     <tr><td>1<td> 
     <td>Something here</td> 
     <td>Some Person</td></tr> 
    </tbody> 
<table> 

Answer 1

は、行の最初の列がtr初ですtd子：

$('#production tr').click(function() { 
    var index = $(this).children("td").first().text(); 
    // `index` is the text in the first column in the clicked row 

    $('#review_order').modal('show'); 
});