我有一个动态创建的htmltable
。我已经使行可点击。我需要将行内文ID传递给单击该行时触发的脚本。
htmltable
:
<table style="width:100%;">
<tr>
<th>id</th>
<th>name</th>
<th>other info</th>
</tr>
<tr>
<td class='table_row_click'>11</td>
<td class='table_row_click'>item 2</td>
<td class='table_row_click'>lmfao</td>
</tr>
<tr>
<td class='table_row_click'>22</td>
<td class='table_row_click'>item 2</td>
<td class='table_row_click'>lol</td>
</tr>
</table>
点击事件:
$(document).ready(function ($) {
$(".table_row_click").click(function (e) {
//I need to use the clicked row ID here for something
});
});
$(e.target).closest('tr').find('td').first().text();
您可以导航到父tr,找到td元素,获取第一个元素,并获取其文本。
如果类在td或tr级别上,则使用closest('tr')
将起作用,因为closest()
可以自行匹配。