Jquery获取鼠标所在行Index

页面结构:

<table id="tb_ConfModerator" class="table table-hover">
    <thead>
        <th>姓名</th>
        <th>邮箱</th>
        <th>操作</th>
    </thead>
    <tbody>
        <tr>
            <td><input type="text" name="txtName"/></td>
        </tr>
        <tr>
            <td>346425158@qq.com</td>
        </tr>
        <tr>
           <td>
              <div style="display:none"><input type='button' value='删除' onclick="clickbutton(this)"/>
              </div>
            </td>
        </tr>
    </tbody>
</table> 

鼠标悬浮事件:

$("#tbScheduled td").mouseover(function () {
    //获取鼠标所在列表行数
    var trSeq = $(this).parent().parent().parent().find("tr").index($(this).parent()[0]);
    //操作层显示
    $('#tbScheduled').find('tr:eq(' + (trSeq) + ')').find('td:eq(2) div').css("display", "block");
});

$("#tbScheduled td").mouseout(function () {
        var trSeq = $(this).parent().parent().parent().find("tr").index($(this).parent()[0]);
        $('#tbScheduled').find('tr:eq(' + (trSeq) + ')').find('td:eq(2) div').css("display", "none");
});

获取删除按钮所在行其他列的值:

var clickbutton=function(obj){
    var trSeq = $(obj).parent().parent().parent().find("tr").index($(obj).parent().parent()[0]);
    var name = $('#tb_ConfModerator tbody').find('tr:eq(' + (trSeq) + ')').find($("input[name='txtName']")).val();
    var email= $('#tb_ConfModerator tbody').find('tr:eq(' + (trSeq) + ')').find('td:eq(1)').text();
}

 

 

posted @ 2013-11-05 10:05  梦浅浅_  阅读(1010)  评论(0编辑  收藏  举报