检测行并使用javascript获取td值。 （动态表）

Question

我完全想避免使用内联javascript！但是我有一个表，它是使用php从mysql数据库动态生成的。我希望如果用户点击任何行，它会创建一个模态，其中包含有关所单击行的信息。现在我能够初始化模态，但是表的第一列包含一个索引值，可用于检索有关该行的信息。我的问题是如何使用javascript检索该索引值。要启动模态，我使用以下代码：

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

表格标记：

<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

除非您添加了rowspan / colspan个属性，否则连续的第一列是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');
});