tenho uma tabela html que me permite filtrar a informação que quero.
EXEMPLO EM BAIXO
$(function(){
$("#frontEndSearch input").keyup(function(){
var index = $(this).parent().index();
var nth = "#frontEndSearch td:nth-child("+(index+1).toString()+")";
var valor = $(this).val().toUpperCase();
$("#frontEndSearch tbody tr").show();
$(nth).each(function(){
if($(this).text().toUpperCase().indexOf(valor) < 0){
$(this).parent().hide();
}
});
});
$("#frontEndSearch input").blur(function(){
$(this).val("");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="frontEndSearch">
<thead>
<tr>
<th>Ref</th>
<th>Descrição</th>
</tr>
<tr >
<th style="background-color:#FFF"><input type="text"id="txtColuna1"/></th>
<th style="background-color:#FFF"><input type="text" id="txtColuna2"/></th>
</tr>
</thead>
<tbody>
<tr>
<td>REF 10/11</td>
<td>FIO 31x20</td>
</tr>
<tr>
<td>REF 11/12</td>
<td>FIO 33x20</td>
</tr>
<tr>
<td>REF 12</td>
<td>FIO 35x22</td>
</tr>
<tr>
<td>REF 13</td>
<td>FIO 35x20</td>
</tr>
<tr>
<td>REF 14</td>
<td>FIO 35x21</td>
</tr>
</tbody>
</table>
O filtro esta a funcionar mas queria ter a possibilidade de pesquisar da seguinte forma, por exemplo: %fio%20 e neste caso os resultados serem
FIO 31x20; FIO 31x20; FIO 33x20; FIO 35x20;
ou seja, mostra todos as linhas que contem a %fio e que contem %20;
como é que posso fazer isso? alguem tem ideia de como fazer?? desde ja obrigado.
%fio%20
ou ela vai poder digitarfio 20
e é para pesquisar por um texto que tenha cada palavra digitada na pesquisa, similar à essa pergunta aqui?