使用jquery更改条带表的背景颜色

Question

我的问题很简单。

这是我的HTML

<table id="SubTransTable" class="table table-info table-striped mb30">

的jQuery

 $('#SubTransTable tbody').on('click', 'td', function () {
            var tr = $(this).parents('tr')[0];
            if (tr.classList.contains('selected')) {
                tr.classList.remove('selected');
                // SelectedIDs.pop($(this).data().id);
                var id = SubTable.row($(this).parents('tr')).data().id;

            }
            else {
                //Remove For Multi Select
                SubTable.$('tr.selected').removeClass('selected');

                tr.classList.add('selected');

                var id = SubTable.row($(this).parents('tr')).data().id;
            }
        });

这是结果。

tr具有selected类但是它被引导类覆盖的结果。 如果我从表中删除table-striped类，它可以正常工作。

现在问题很清楚如何保持strip类并执行select事件而不会被覆盖。

谢谢

Answer 1

.selected{
  background-color: #71d1eb !important;
}

尝试添加!important