嗨,我有一个窗体中的以下代码。当用户单击按钮时,我想获取当前行,以确定哪些按钮被点击
<tr id="TEST1" > <td align="left" valign="middle"> <div align="right">Contact</div> </td> <td colspan="4" align="left" valign="middle"> <input type="text" id="contact1" size="20" /> Number <input type="text" id="number1" size="20" /> </td> <td> <input type="button" value="Button 1" id="contact1" /> </td> </tr> <tr id="TEST2" > <td align="left" valign="middle"> <div align="right">Contact</div> </td> <td colspan="4" align="left" valign="middle"> <input type="text" id="contact2" size="20" /> Number <input type="text" id="number2" size="20" /> </td> <td> <input type="button" value="Button 1" id="contact2" /> </td> </tr> <tr id="TEST3" > <td align="left" valign="middle"> <div align="right">Contact</div> </td> <td colspan="4" align="left" valign="middle"> <input type="text" id="contact3" size="20" /> Number <input type="text" id="number3" size="20" /> </td> <td> <input type="button" value="Button 1" id="contact2" /> </td> </tr>
我认为以下Jquery将返回ID名称,但它不
$('input[type=button]' ).click(function() { bid = (this.id) ; // button ID trid = $('tr').attr('id'); // table row ID });
任何人都可以给我一些建议吗?谢谢
解决方法
您可以使用
.closest()
来启动当前的< tr>父,像这样:
$('input[type=button]' ).click(function() { var bid = this.id; // button ID var trid = $(this).closest('tr').attr('id'); // table row ID });