jquery ＜table＞中选中一行，行背景色改变

最新推荐文章于 2021-10-27 18:05:33 发布

虾米大王

最新推荐文章于 2021-10-27 18:05:33 发布

阅读量595

点赞数

分类专栏： c# asp.net 文章标签： javascript jquery

本文链接：https://blog.csdn.net/modern358/article/details/115212218

版权

c# 同时被 2 个专栏收录

284 篇文章 0 订阅

订阅专栏

asp.net

258 篇文章 2 订阅

订阅专栏

css文件中

.lineColor
{
    background-color: #eeeeee;
}

js文件中


function TableRowSelectColor(clsName) {

    $(clsName).find("tr").click(function () {

        var rows = $(this).parent().find("tr");

        if(rows.hasClass("lineColor"))
        {
            rows.removeClass("lineColor");
        }

        $(this).addClass("lineColor");
    });

}

php文件中

    <script src="../lib/jquery-3.5.1.js"></script>
    <script src="../js/tableDeal.js"></script>
    <script>
        $(function () {
            TableRowSelectColor(".tb_1");
        });
    </script>

    

    <table class="tb_1">
    <tr>
    </tr>
    </table>