日期:2014-05-16  浏览次数:20428 次

大侠解救 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>

<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里的值更好 大侠解救啊~
 

 
jQuery tr

------解决方案--------------------
 $(document).ready(function(){
var trs=$("table#table1 tr");
   $("input[name='getinfo']").click(function(){
     var index=trs.index($(this).closest("tr"));
alert(index);
});