datatables.net検索ラベルにクラスを追加する

<label>Search: <input type="text" aria-controls="company"></label>

Datatablesを使用すると、検索フィールドの入力ボックスにどのようにクラスを追加できますか？datatables.net検索ラベルにクラスを追加する

2012-03-29 ahmet

を初期化した後にこれを追加し、もちろん

$('.dataTables_filter input').addClass('yourclass');

$(document).ready(function() { 
    $('#example').dataTable(); 
    $('#example_filter input').addClass('yourclass'); // <-- add this line 
});

を使用している場合、 PS：テーブルに入力検索が多い場合、またはテーブルがさらに多い場合は、class selectorを使用してすべての入力検索を参照できます私は10

2012-03-29 09:00:57 antonjs

idの代わりにクラスを使用すると（テーブルのidに関連しています）、より一貫した結果が得られます。imho。 –

はいいいえ+1 – antonjs

私はあなたが使用している例によってあなたのテーブル

2012-03-29 08:57:01

私は同意します - あなたは親要素からのクラスに基づいてセレクタを使用することができるときになぜ入力のクラスの必要性？ –

@AllanJardineいくつかのUIフレームワーク（すなわち、ブートストラップ）は、入力フィールドのようなものに適用されるクラスを呼び出します。 – CashIsClay

はDataTableの1.10.xとブートストラップを使用します。

$.extend($.fn.dataTableExt.oStdClasses, { 
    "sFilterInput": "form-control yourClass", 
    "sLengthSelect": "form-control yourClass" 
});

私は拡張機能の代わりにjQueryを通過します。 :)

2014-08-17 19:07:36 B2GraphiX

これはそれをグローバルに設定しますが、それは間違いありません。だから、私が1つ以上のデータテーブルを持っていて何らかの理由でそれらが同じでないようにしたいのであれば、これは私のためにはうまくいかないでしょう。 – crush

答えて