jQuery 如何获得所在的行的索引

当鼠标点击编辑的时候 如何用jQuery来获得所在行的索引？
<table id="NumInfo">
    <tr>
        <th>&nbsp;</th>
        <td align="center"><span class="edit">编辑</span></td>
    </tr>
    <tr>
        <td align="center">&nbsp;</td>
        <td align="center"><span class="edit">编辑</span></td><!--如果我点击这里的编辑 怎么能得到这一行tr的索引 -->
    </tr>
    <tr>
        <td align="center">&nbsp;</td>
        <td align="center"><span class="edit">编辑</span></td>
    </tr>
</table>

解决方案 »

  1.   

    $(this).parent().parent().index() 查手册
      

  2.   

    是点span 
    如果是点td 就少一个parent 
    如果点tr 就不要parent
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready( function() {
    $(".edit").click( function() {
    alert($(this).parents("tr").index());
    });
    });
    </script>
    </head><body>
    <table id="NumInfo">
      <tr>
      <th>&nbsp;</th>
      <td align="center"><span class="edit">编辑</span></td>
      </tr>
      <tr>
      <td align="center">&nbsp;</td>
      <td align="center"><span class="edit">编辑</span></td><!--如果我点击这里的编辑 怎么能得到这一行tr的索引 -->
      </tr>
      <tr>
      <td align="center">&nbsp;</td>
      <td align="center"><span class="edit">编辑</span></td>
      </tr>
    </table>
    </body>
    </html>
      

  4.   


    从cssrain的回复里摘出来js：$(function(){
    var $title = $("h3 a");
    var $content = $("div"); //这个数组定义很有用，省去了原始js里的循环做法
    $title.mousemove(function(){
    var index = $title.index($(this)); //index指向当前
    $content.hide(); //直接对数组进行隐藏操作
    $($content.get(index)).show();return false;
    });
    });/* 这是js写法，下面给你相应的html结构 */ html:
    <h3>
    <a href="#">选择1</a>
    <a href="#" >选择2</a>
    <a href="#">选择3</a>
    <a href="#" >选择4</a>
    </h3><div>选择1的内容</div>
    <div>选择2的内容</div>
    <div>选择3的内容</div>
    <div>选择4的内容</div> 
      

  5.   

    <script type="text/javascript">
        $(document).ready(function () {
    var row=0;
    $("tr").each(function()
    {
        $(this).attr("index",row);
                        row++;
                    });
            $(".edit").click(function(){alert($(this).parent().parent().attr("index"));});
                                
        }
        );
        
    </script>
    先给每行编个号,然后读书来