Jquery获取鼠标所在行Index

最新推荐文章于 2024-11-13 17:27:29 发布

dianyinlong4979

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量168

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dreamshallow/p/3407988.html

版权

页面结构：

<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();
}

转载于:https://www.cnblogs.com/dreamshallow/p/3407988.html