通过行单击事件传递动态创建的 html 表行内部文本 id

Question

>我有一个动态创建的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 
});
});

Answer 1

$(e.target).closest('tr').find('td').first().text();

您可以导航到父 tr，找到 td 选项，获取第一个，并获取其文本。

如果类在 td 或 tr 级别，则使用closest('tr')将起作用，因为closest()可以自行匹配。