Javascript 更改表格行选择的背景色

我有一组表，如

partialViews

，它们是使用ajax加载的

现在我想编写一个全局函数，当有人单击一个

表格行

时，

背景色

会变成橙色，而当选择另一个

表格行

时，旧的会再次变成白色，新的会变成橙色

因此，我在_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>

---

您正在动态创建表，因此使用带有

的文档绑定单击事件。在
上，请参见下文

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

修好了，谢谢！我忘了这也是一个选择。很高兴帮助你：）
$(document).ready(function() {
        $(document).on('click',"table tr", function () {
            var selected = $(this).hasClass("selectedTableRow");
            $("table tr").removeClass("selectedTableRow");
            if (!selected)
                $(this).addClass("selectedTableRow");
        });
    });

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