クリック時のテーブル行jQuery addClassがブートストラップで動作しない

Question

私はブートストラップにダイナミックテーブルを持っています。考え方は、クリック時に行の色を変更することです。 Firebugは、 "selectedRow"クラスが適用されていると言いますが、行は色を変えません。

HTML

<div class="row"> 
    <div class="col-sm-12" style="background-color: color: rgb(244, 244, 243);"> 
     <div class="table-responsive"> 
      <table id="daTable" class="table"> 
       <thead> 
        <tr><th>xxxxx</th> 
        <th>yyyyy</th></tr> 
       </thead> 
       <tbody></tbody> 
      </table> 
     </div> 
    </div> 
</div> 

JS

var tabl = document.getElementById("daTable"); 
for (var i = 0; i <data.length; i++) { 
    var d= data[i]; 
    tableRow(tabl, [d.field1, d.field2]);   
} 

$(tabl).on('click', '.clickable-row', function(event) { 
    $(this).addClass("selectedRow"); 
    $(this).find('td').addClass("selectedRow");  
}); 

CSS

.selectedRow { 
    background-color:red !important; 
} 

おかげ

Answer 1

あなたがテーブルの行にclickable-rowクラスを適用されている場合、私は表示されません。

$('#daTable tr').on('click', function(event) { 
    $(this).toggleClass("selectedRow"); 
}); 

Answer 2

私の悪い：どうすればいいですか？ CSSにタイプミスがありました。とにかくありがとう