JQuery поиска несколько столбцов в таблице

Question

я нашел этот jsfiddle: http://jsfiddle.net/FranWahl/rFGWZ/

$("#search").on("keyup", function() { 
var value = $(this).val(); 

$("table tr").each(function(index) { 
    if (index !== 0) { 

     $row = $(this); 

     var id = $row.find("td:first").text(); 

     if (id.indexOf(value) !== 0) { 
      $row.hide(); 
     } 
     else { 
      $row.show(); 
     } 
    } 
}); 
}); 

где JQuery используется для фильтрации и поиска в первом столбце таблицы. Я пытаюсь изменить это, поэтому он ищет ВСЕ столбцы, независимо от того, сколько столбцов имеет таблица.

Можно ли это сделать или мне нужно знать количество колонок заранее?

P.S. - Я пытаюсь избежать таблиц данных, так как мне не нужны все дополнительные функции, которые прилагаются к нему.

Answer 1

Таблица данных может заполнить полный чек требование здесь

https://datatables.net/examples/plug-ins/range_filtering.html

Answer 2

Оказывается, это не так сложно. Вот что я изменил:

$("#search").on("keyup", function() { 
var value = $(this).val(); 
$("table tr").each(function(index) { 
    if (index !== 0) { 
     $row = $(this); 

     $row.find('td').each (function() { 
      var id = $(this).text(); 
      if (id.indexOf(value) !== 0) { 
       $row.hide(); 
      } 
      else { 
       $row.show(); 
       return false; 
      } 
     }); 

    } 
}); 
}); 

Answer 3

, если вы хотите проверить всю строку на каждой колонке вам не нужно использовать .find («тд: первый») просто использовать простой .text(), и я думаю, indexOf() возвращает -1, если не найден.

$("#search").on("keyup", function() { 
    var value = $(this).val(); 

    $("table tr").each(function(index) { 
     if (index !== 0) { 

      $row = $(this); 

      var id = $row.text(); 

      if (id.indexOf(value) !== -1) { 
       $row.show();  
      } 
      else { 
       $row.hide();  
      } 
     } 
    }); 
}); 

Answer 4

Используйте Фильтр, чтобы найти спички td. Затем проверьте длину, чтобы убедиться, что она существует.

http://api.jquery.com/filter/

$("#search").on("keyup", function() { 
    var value = $(this).val(); 
    $("table tr").each(function(index) { 
     if (index !== 0) { 
      var $row = $(this); 
      //Filter down tds which inner text matches indexOf check 
      var matches = $row.find('td').filter(function(ix,item){ 
       return $(item).text().indexOf(value) > -1; 
      }); 

         //if matches exist then show else hide 
      if (matches.length != 0) { 
       $row.show();  
      } 
      else { 
       $row.hide();  
      } 
     } 
    }); 
}); 

http://jsfiddle.net/SeanWessell/wa6q6Lnr/