代码之家 › 专栏 › 技术社区 › FllnAngl

更改表格行选择的背景色

asp.net-mvc html jquery javascript

FllnAngl · 技术社区 · 6 年前

partialViews 使用ajax加载。

现在我想写一个全局函数,当有人点击 tablerow ,和 background-color 变成橙色,当选择不同的 表格行

所以我在Layout.cshtml的底部写了这个:

<script type="text/javascript">
    $(document).ready(function() {
        $("table tbody tr").on('click', function () {
            var selected = $(this).hasClass("selectedTableRow");
            $("table tbody tr").removeClass("selectedTableRow");
            if (!selected)
                $(this).addClass("selectedTableRow");
        });
    });
</script>

但根本联系不上, console.logs alerts 我放在那个函数里的东西不会被解雇。为什么不呢?

顺便说一句,我的桌子都是标准的

<table>
<thead>
    <tr>
        <th></th>
    </tr>
</thead>
<tbody>
    <tr>
        <td></td>
    </tr>
</tbody>
<tfoot>

</tfoot>
</table>

2 回复 | 直到 6 年前

Bhushan Kawadkar 6 年前

您正在动态创建表,因此使用 .on ,见下文

$(document).ready(function() {
        $(document).on('click',"table tr", function () {
            var selected = $(this).hasClass("selectedTableRow");
            $("table tr").removeClass("selectedTableRow");
            if (!selected)
                $(this).addClass("selectedTableRow");
        });
    });

alalalala 6 年前

$(document).ready(function() {
    $("body").on('click', "table tr", function () {
        $("table tr").removeClass("selectedTableRow");
        $(this).addClass("selectedTableRow");
    });
});

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前