单击该行中的按钮,使用jQuery获取行ID

Question

在我的HTML表格中,每一行都有单独的ID.每行中都有一列包含一个按钮.我可以捕获那些按钮的点击事件.有没有办法在该按钮的click事件中获取相应的行id

样品表如下所示.

<table>
 <tr id="1">
     <td>   <input type="image" id="Bttn_play" src="../../Content/images/play_button.png" name="image" /> </td>
     <td> test dat1a</td>
 </tr>
 <tr id="2">
     <td>   <input type="image" id="Bttn_play" src="../../Content/images/play_button.png" name="image" /> </td>
     <td> test data2</td>
 </tr>
</table>

我可以使用以下jQuery捕获按钮的click事件

$("#Bttn_play").live('click', function (event) {
  alert (row id);
  // how i get row id  corresponding to this button 
}

Answer 1

用途closest():

$("#Bttn_play").live('click',function(){
    alert($(this).closest('tr').attr('id'));
});

值得注意的是,副本id是无效的,在文档中id 必须是唯一的,您应该转换id='Bttn_play'为class='Bttn_play'(并将jQuery选择器修改为:)$('.Bttn_play').

编辑回应OP的问题(在评论中提问):

如何使用单个jquery捕获这些按钮的单击事件？我动态生成这个表.我认为id需要捕获事件

要使用jQuery选择元素,可以使用class属性(如上所述)或元素类型.在这个例子中,要选择以下input元素type="image":

$('input[type="image"]')

要么:

$('input:image')

参考文献:

• closest().
• attribute-equals选择器.
• :image选择器.