如何在具有特定類的DataTable中搜索項目？

Question

我有DataTable的數據。我想創建一個按鈕，當我點擊他時，它將過濾所有具有div的td類別爲「黃色」。 我有這樣的代碼：

var clients_table = $("#clients_table").DataTable(); 
clients_table.column(2).search($("div.yellow")); 

但是，這是不正確的。任何想法？

Answer 1

。爲了篩選出其中第三列沒有一個類.yellow你可以做到這一點的所有行：

var filter = function(settings, searchData, index, rowData) { 
    var $td = table.row(index).nodes().to$().find('td:eq(2)'); 
    return $td.find('.yellow').length; 
} 

打開過濾器上（例如在點擊事件click事件）：

$.fn.dataTable.ext.search.push(filter); 
table.draw(); 

把它關：

$.fn.dataTable.ext.search.pop(); 
table.draw(); 

小的演示 - >http://jsfiddle.net/7aLptLve/

Answer 2

如果您想對CSS複雜的濾波或屬性，您需要自己創建一個custom search filter試試這個

$("td div.yellow").each(function() { 

    //write your logic here 

});