jquery 获取table在所在行是第几行tr
<table border="1" id="table1"> <tr > <th>序号</th><th>名称</th><th>地址</th><th>其他</th><th>选择</th> </tr> <tr> <td>序号</td><td>名称</td><td>地址</td><td>其他</td><td><input name="getinfo" id="tr_1" type="button" value="选择"/></td> </tr> <tr> <td>序号</td><td>名称<span></td><td>地址</td><td>其他</td><td><input id="tr_2" name="getinfo" type="button" value="选择"/></td> </tr> </table>
JavaScript code?1
<script type="text/javascript"> $(document).ready(function(){
$("input[name='getinfo']").click(function(){
var myRows = $('table#table1 tr').click(function(){ $('table#table1 tr') alert(myRows.index(this)); //效果不理想 弹出了两次
}); });
}); </script> ------------------------------ 为什么 $('table#table1 tr').index(this) 这样就是-1 //alert($('#table1').find('tr').index()); 这样也是-1 求正解。点击button 然后获取所在是第几行,如果能够获取后面的td里的值更好
$(document).ready(function(){ var trs=$("table#table1 tr"); $("input[name='getinfo']").click(function(){ var index=trs.index($(this).closest("tr")); alert(index); });
|