jquery <table>通过button.Click获取选中行的td值

js文件

//table选中行,取pkid值
function ReturnSelectRowPK(tableClass, rowClass, pkIndex) {

    var pkid = $(tableClass).find("tr[class="+rowClass+"]")
        .find("td").eq(pkIndex).text();

    if(pkid == "")
    {
        return -1;
    }

    return pkid;
}

html

        <div class="func">
            <input type="button" name="btnOpen" id="btnOpen" value="查看详情">
            <input type="button" name="btnUpdate" id="btnUpdate" value="修改">
            <input type="button" name="btnDel" id="btnDel" value="删除">
        </div>

html中的脚本

    <script src="../lib/jquery-3.5.1.js"></script>
    <script src="../js/tableDeal.js"></script>
    <script>
        $(function () {
            //选中行变色
            TableRowSelectColor(".tb_1");

            //查看按钮,其中参数1位table的class,参数2位tr的class,参数3为第几列
            $("#btnOpen").click(function () {
                var id = ReturnSelectRowPK(".tb_1","lineColor",0);
                if(id < 0)
                {
                    return;
                }
                var link = "./specialprocess_detailed.php?id="+id;
                window.open(link,"_blank");
            });

            $("#btnUpdate").click(function () {
                var id = ReturnSelectRowPK(".tb_1","lineColor",0);
                if(id<0) return;
                var link = "./specialprocess_update.php?id="+id;
                window.open(link,"_self");
            });
        });
    </script>

猜你喜欢

转载自blog.csdn.net/modern358/article/details/115214542