Поиск в таблице JQuery и выделение строки

Question

У меня проблемы. У меня есть таблица, созданная PHP, которая извлекает данные из файла Excel. Я хочу, чтобы пользователь мог искать определенные столбцы (пользователь указывает столбец) для значения (также указанного пользователем), и если указанное значение существует, выделите всю строку.

Я делал домашнее задание, и я был в состоянии найти подходящую душу. Вот код, связанный с моим кошмаром (:

$(document).ready(function(){ 
    $("#search").click(function(){ 
     var searchText; 

     if(col == 0 || col == 1 || col ==3){ 
      searchText = $("#searchText").val() 
     } 
     else if(col == 6){ 
      searchText = $("#maxPets option:selected").text(); 
     } 
     else if(col == 7){ 
      searchText = $("#maxWeight option:selected").text(); 
     } 

     $("myTable tr td:nth-child(" + col +")").each(function() { 

      if ($(this).val.indexOf(searchText) !=-1) { 
       tr.addClass('result'); } 
      else { 
       tr.removeClass('result'); 
       } 

     }); 


    }); 
}); 

Answer 1

$(document).ready(function(){ 
    $("#search").click(function(){ 
     var searchText; 
     $("tr").removeClass("result"); 
     if (col == 0 || col == 1 || col == 3) { 
      searchText = $("#searchText").val(); 
     } 
     else if(col == 6){ 
      searchText = $("#maxPets option:selected").text(); 
     } 
     else if(col == 7){ 
      searchText = $("#maxWeight option:selected").text(); 
     } 
     $("#myTable tr").filter(function() { 
      return $("td:eq(" + col + ")", this).text() == searchText; 
     }).closest("tr").addClass("result"); 
    }); 
}); 

jsFiddle DEMO -- Updated for partial search

Я до сих пор не знаю, где вы получаете col от. Я предполагаю выпадающее меню.

Answer 2

Изменение:

 if ($(this).val.indexOf(searchText) !=-1) { 
      tr.addClass('result'); } 
     else { 
      tr.removeClass('result'); 
      } 

к:

 if ($(this).text().indexOf(searchText) !=-1) { 
      $(this).closest("tr").addClass('result');  } 
     else { 
      $(this).closest("tr").removeClass('result'); 
     } 

val является метод JQuery, который является функцией, это не строка что вы можете искать. И это неправильный метод для того, что вы, по-видимому, хотите, - содержимое поля таблицы считывается с text() - val() - это значение для пользователя в положил.

И нет переменной tr - вы хотите добавить/удалить класс строки, содержащей элемент.

Это может быть дополнительно упрощено до:

$(this).closest("tr").toggleClass("result", $(this).text().indexOf(searchText) !=-1);