jqueryデータ型ハイライト単一行

Question

jqueryデータテーブル内の単一の行を強調表示しようとしています。

私はここで情報を使用しようとしました：https://datatables.net/examples/api/select_single_row.html

私はChromeのインスペクタを使用することができますし、私はクラスがテーブル行に追加されていることを確認することができ、という使い方。

しかし、行は強調表示されていません。ここで

はjqueryのである。これにより

// not sure if this was necessary to show 
$('#example1').DataTable({ 
    "iDisplayLength": 25, 
    "order": [[ 6, "desc" ]], 
    "scrollY": 550, 
    "scrollX": true, 
    "bDestroy": true, 
    "stateSave": true 
}); 

var table = $('#example1').DataTable(); 
$('#example1 tbody').on('click', 'tr', function() 
{ 
    if($(this).hasClass('selected')){ 
    $(this).removeClass('selected'); 
    } 
    else{ 
    table.$('tr.selected').removeClass('selected'); 
    $(this).addClass('selected'); 
    } 
}); 

、述べたように、私はちょうど行の色の変化を見ていないよ、行に追加されたクラスを参照してくださいすることができます。

HTMLページにcssを追加して動作するかどうかを確認しました。次のように：

<style> 
    .selected tr {background-color: blue;} 
</style> 

いいえ、利用できません。

誰か私のエラーが表示されますか？助けてください。

ありがとうございます。

Answer 1

これはテストできませんが、エラーはbackground-colorに使用しているCSSセレクタにあるようです。

はtr.selected（クラスselectedとtr要素）としない.selected tr（クラス.selected持つ要素でtr要素）であるべきです。

Answer 2

jquery.dataTables.min.cssがロードされていることを確認してください。

Answer 3

たぶん、あなたはjQueryのclick機能と少しJSロジックトラック

https://jsfiddle.net/moongod101/mbLnrcg6/