Skip to main content
removeu 171 caracteres do conteúdo; título editado
Fonte Link
Marconi
  • 18mil
  • 20
  • 69
  • 132

Achar valor dentro da tabela Como dar focus em uma linha pelo conteúdo de uma coluna td?

TenhoCriei uma função para dá focus em linha de uma table, nessa função tenho que achar aencontrar a célula com os mesmo valores que vou passar por parâmetro. Só que eu quero dar um foco na linha quando ele achar, não estou conseguindo fazer isso. A função de busca que eu tenho faz uma busca e mostra somente o resultado da linha, eu gostariaGostaria que quando achasse a linha buscada ele apenas evidenciasse ela na tabela. 

Alguém sabe como fazer?

Meu código de busca atual#JS

      var tabela = $(this).attr('alt');
    if ($(this).val() != "") {
        $("." + tabela + " tbody>tr").hide();
        $("." + tabela + " td:contains-ci('" + $(this).val() + "')").parent("tr").show();
    } else {
        $("." + tabela + " tbody>tr").show();
    }
});

Estrutura da minha tabela.#HTML

      <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
   <thead>
      <tr style="background: #63B8FF;color: #fff; height: 5px" >
         <th  style="width: 50px">Acoes</th>
         <th >Nota</th>
         <th align="center" >Cnpj</th>
         <th >Serie</th>
         <th>Protocolo</th>
         <th>Origem</th>
         <th>Status</th>
      </tr>
   </thead>
   <tbody style=''>
      <tr>
         <td align=center>
            <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
         </td>
         <td align=center >NOTA</td>
         <td align=center>CNPJ</td>
         <td align=center >SERIE</td>
         <td align=center>PROTOCOLO</td>
         <td align=center>file</td>
         <td align=center>status</td>
      </tr>
   </tbody>
</table>

Achar valor dentro da tabela

Tenho que achar a célula com os mesmo valores que vou passar por parâmetro. Só que eu quero dar um foco na linha quando ele achar, não estou conseguindo fazer isso. A função de busca que eu tenho faz uma busca e mostra somente o resultado da linha, eu gostaria que quando achasse a linha buscada ele apenas evidenciasse ela na tabela. Alguém sabe como fazer?

Meu código de busca atual

      var tabela = $(this).attr('alt');
    if ($(this).val() != "") {
        $("." + tabela + " tbody>tr").hide();
        $("." + tabela + " td:contains-ci('" + $(this).val() + "')").parent("tr").show();
    } else {
        $("." + tabela + " tbody>tr").show();
    }
});

Estrutura da minha tabela.

      <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
   <thead>
      <tr style="background: #63B8FF;color: #fff; height: 5px" >
         <th  style="width: 50px">Acoes</th>
         <th >Nota</th>
         <th align="center" >Cnpj</th>
         <th >Serie</th>
         <th>Protocolo</th>
         <th>Origem</th>
         <th>Status</th>
      </tr>
   </thead>
   <tbody style=''>
      <tr>
         <td align=center>
            <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
         </td>
         <td align=center >NOTA</td>
         <td align=center>CNPJ</td>
         <td align=center >SERIE</td>
         <td align=center>PROTOCOLO</td>
         <td align=center>file</td>
         <td align=center>status</td>
      </tr>
   </tbody>
</table>

Como dar focus em uma linha pelo conteúdo de uma coluna td?

Criei uma função para dá focus em linha de uma table, nessa função tenho que encontrar a célula com os mesmo valores que vou passar por parâmetro. Gostaria que quando achasse a linha buscada ele apenas evidenciasse ela na tabela. 

Alguém sabe como fazer?

#JS

var tabela = $(this).attr('alt');
if ($(this).val() != "") {
    $("." + tabela + " tbody>tr").hide();
    $("." + tabela + " td:contains-ci('" + $(this).val() + "')").parent("tr").show();
} else {
    $("." + tabela + " tbody>tr").show();
}
});

#HTML

      <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
   <thead>
      <tr style="background: #63B8FF;color: #fff; height: 5px" >
         <th  style="width: 50px">Acoes</th>
         <th >Nota</th>
         <th align="center" >Cnpj</th>
         <th >Serie</th>
         <th>Protocolo</th>
         <th>Origem</th>
         <th>Status</th>
      </tr>
   </thead>
   <tbody style=''>
      <tr>
         <td align=center>
            <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
         </td>
         <td align=center >NOTA</td>
         <td align=center>CNPJ</td>
         <td align=center >SERIE</td>
         <td align=center>PROTOCOLO</td>
         <td align=center>file</td>
         <td align=center>status</td>
      </tr>
   </tbody>
</table>
removeu 642 caracteres do conteúdo
Fonte Link
Marconi
  • 18mil
  • 20
  • 69
  • 132
      <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
                          <thead>
                          <tr style="background: #63B8FF;color: #fff; height: 5px" >
                                    <th  style="width: 50px">Acoes</th>
                                    <th >Nota</th>
                                    <th align="center" >Cnpj</th>
                                    <th >Serie</th>
                                    <th>Protocolo</th>
                                    <th>Origem</th>
                                    <th>Status</th>
                                  </tr>
                                </thead>
                                <tbody style=''>
                            <tr>                                  
                             <td align=center>
                               <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
                               </td>
                               <td align=center >NOTA</td>
                               <td align=center>CNPJ</td>
                               <td align=center >SERIE</td>
                               <td align=center>PROTOCOLO</td>
                               <td align=center>file</td>
                               <td align=center>status</td>
                            </tr>
                                </tbody>
                            </table>
  <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
                          <thead>
                          <tr style="background: #63B8FF;color: #fff; height: 5px" >
                                    <th  style="width: 50px">Acoes</th>
                                    <th >Nota</th>
                                    <th align="center" >Cnpj</th>
                                    <th >Serie</th>
                                    <th>Protocolo</th>
                                    <th>Origem</th>
                                    <th>Status</th>
                                  </tr>
                                </thead>
                                <tbody style=''>
                            <tr>                                  
                             <td align=center>
                               <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
                               </td>
                               <td align=center >NOTA</td>
                               <td align=center>CNPJ</td>
                               <td align=center >SERIE</td>
                               <td align=center>PROTOCOLO</td>
                               <td align=center>file</td>
                               <td align=center>status</td>
                            </tr>
                                </tbody>
                            </table>
      <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
   <thead>
      <tr style="background: #63B8FF;color: #fff; height: 5px" >
         <th  style="width: 50px">Acoes</th>
         <th >Nota</th>
         <th align="center" >Cnpj</th>
         <th >Serie</th>
         <th>Protocolo</th>
         <th>Origem</th>
         <th>Status</th>
      </tr>
   </thead>
   <tbody style=''>
      <tr>
         <td align=center>
            <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
         </td>
         <td align=center >NOTA</td>
         <td align=center>CNPJ</td>
         <td align=center >SERIE</td>
         <td align=center>PROTOCOLO</td>
         <td align=center>file</td>
         <td align=center>status</td>
      </tr>
   </tbody>
</table>
correção
Fonte Link

Estrutura da minha tabela.

  <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
                          <thead>
                          <tr style="background: #63B8FF;color: #fff; height: 5px" >
                                    <th  style="width: 50px">Acoes</th>
                                    <th >Nota</th>
                                    <th align="center" >Cnpj</th>
                                    <th >Serie</th>
                                    <th>Protocolo</th>
                                    <th>Origem</th>
                                    <th>Status</th>
                                  </tr>
                                </thead>
                                <tbody style=''>
                            <tr>                                  
                             <td align=center>
                               <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
                               </td>
                               <td align=center >NOTA</td>
                               <td align=center>CNPJ</td>
                               <td align=center >SERIE</td>
                               <td align=center>PROTOCOLO</td>
                               <td align=center>file</td>
                               <td align=center>status</td>
                            </tr>
                                </tbody>
                            </table>

Estrutura da minha tabela.

  <table  name='table_geral' id="#table_geral" class="table table_geral table-striped table-bordered table-hover table-condensed  table-ordered" >
                          <thead>
                          <tr style="background: #63B8FF;color: #fff; height: 5px" >
                                    <th  style="width: 50px">Acoes</th>
                                    <th >Nota</th>
                                    <th align="center" >Cnpj</th>
                                    <th >Serie</th>
                                    <th>Protocolo</th>
                                    <th>Origem</th>
                                    <th>Status</th>
                                  </tr>
                                </thead>
                                <tbody style=''>
                            <tr>                                  
                             <td align=center>
                               <a href='javascript:void(0)' name='botao_acharNota' id='botao_acharNota' class='btn btn-success btn-xs' style='width:22px;'   data-toggle='tooltip' data-container='body' data-placement='top' title='Clique para ir ate essa nota!'><i class='glyphicon glyphicon-copy'></i></a>
                               </td>
                               <td align=center >NOTA</td>
                               <td align=center>CNPJ</td>
                               <td align=center >SERIE</td>
                               <td align=center>PROTOCOLO</td>
                               <td align=center>file</td>
                               <td align=center>status</td>
                            </tr>
                                </tbody>
                            </table>
Fonte Link
Carregando