ブートストラップテーブルの行を「ストライプ」スタイルにリセットする

Question

私はブートストラップを使用してテーブルを表示しています。私の現在の機能は、ユーザーがテーブル内の行を選択し、ページ上のフォームに選択した行の情報が入力されるようにすることです。

また、ユーザーが選択された行が明示的に表示されるようにしようとしています。

$("tr").click(function() { 
    $(this).css("color", "white").css("background", "royalblue"); 
    $("tr").not(this).css("color", "black").css("background", "white"); 
}); 

問題は、私はまた、ブートストラップのtable-stripedクラスを使用しています、とjQueryは上記のスタイルを再適用する必要があることを意味する、それのいずれかを上書きし、です。

私は、行のフォアグラウンドテキストのスタイリングだけのような回避策があることを知っていますが、実際には行全体の背景を変更して、面倒です。

ブートストラップがストライプテーブルにどのような色を使用しているのかよく分かりません。上記のjQueryでストライプカラーを再実装するのは冗長です。

テーブルの残りの部分を「リセット」して、選択されていないすべての行がブートストラップストライプテーブルルールに従うようにする方法はありますか？

Answer 1

あなたの助けにMalkをありがとうございます。ここで私は私のCSSファイルに追加するものです。

tr.selected > td { 
    color: white; 
    background: royalblue; 
} 

とjQueryで：

$("tr").click(function() { 
    $(this).addClass("selected"); 
    $("tr").not(this).removeClass("selected"); 
}); 

Answer 2

$('tr').css({ color: 'inherit', background:'inherit' }); 

または

$('tr').removeAttr('style');