Skip to main content
edição
Fonte Link
adventistaam
  • 3,5mil
  • 6
  • 37
  • 77

Olá!

Eu gostaria de uma ajuda referente ao clique em uma tabela.

Quando eu clicasse na linha viesse os dados desta linha, exceto quando clicado em uma coluna específica (coluna 3 por exemplo), porque eu quero fazer outra ação na coluna em questão.

Trazer os dados da tabela eu já consigo, falta somente pôr em exceção a coluna que eu gostaria.

Agradeço...

 $("tr").on('click',function() {
   var tableData = $(this).children("td").map(function(){
                    return $(this).text();
                }).get(); 
                var codigo =  $.trim(tableData[0]) ;
                alert('Codigo: '+codigo);
                
 })
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<table class="table table-responsive table-hover">
  <thead>
    <th>ID</th>
    <th>Nome</th>
    <th>Status</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Carlos</td>
      <td>Ativo</td>
    </tr> 
    <tr>
       <td>2</td>
       <td>Charles</td>
       <td>Inativo</td>
    </tr> 
    <tr>
      <td>3</td>
      <td>Ozeias</td>
      <td>Ativo</td>
    </tr> 
  </tbody>
</table>

Olá!

Eu gostaria de uma ajuda referente ao clique em uma tabela.

Quando eu clicasse na linha viesse os dados desta linha, exceto quando clicado em uma coluna específica (coluna 3 por exemplo), porque eu quero fazer outra ação na coluna em questão.

Trazer os dados da tabela eu já consigo, falta somente pôr em exceção a coluna que eu gostaria.

Agradeço...

 $("tr").on('click',function() {
   var tableData = $(this).children("td").map(function(){
                    return $(this).text();
                }).get(); 
                var codigo =  $.trim(tableData[0]) ;
                alert('Codigo: '+codigo);
                
 })
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<table class="table table-responsive table-hover">
  <tr>
    <td>1</td>
    <td>Carlos</td>
    <td>Ativo</td>
  </tr> 
  <tr>
    <td>2</td>
    <td>Charles</td>
    <td>Inativo</td>
  </tr> 
  <tr>
    <td>3</td>
    <td>Ozeias</td>
    <td>Ativo</td>
  </tr> 
</table>

Olá!

Eu gostaria de uma ajuda referente ao clique em uma tabela.

Quando eu clicasse na linha viesse os dados desta linha, exceto quando clicado em uma coluna específica (coluna 3 por exemplo), porque eu quero fazer outra ação na coluna em questão.

Trazer os dados da tabela eu já consigo, falta somente pôr em exceção a coluna que eu gostaria.

Agradeço...

$("tr").on('click',function() {
   var tableData = $(this).children("td").map(function(){
                    return $(this).text();
                }).get(); 
                var codigo =  $.trim(tableData[0]) ;
                alert('Codigo: '+codigo);
                
 })
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<table class="table table-responsive table-hover">
  <thead>
    <th>ID</th>
    <th>Nome</th>
    <th>Status</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Carlos</td>
      <td>Ativo</td>
    </tr> 
    <tr>
       <td>2</td>
       <td>Charles</td>
       <td>Inativo</td>
    </tr> 
    <tr>
      <td>3</td>
      <td>Ozeias</td>
      <td>Ativo</td>
    </tr> 
  </tbody>
</table>

Fonte Link
adventistaam
  • 3,5mil
  • 6
  • 37
  • 77

Obter item de linha com exceção de uma coluna

Olá!

Eu gostaria de uma ajuda referente ao clique em uma tabela.

Quando eu clicasse na linha viesse os dados desta linha, exceto quando clicado em uma coluna específica (coluna 3 por exemplo), porque eu quero fazer outra ação na coluna em questão.

Trazer os dados da tabela eu já consigo, falta somente pôr em exceção a coluna que eu gostaria.

Agradeço...

 $("tr").on('click',function() {
   var tableData = $(this).children("td").map(function(){
                    return $(this).text();
                }).get(); 
                var codigo =  $.trim(tableData[0]) ;
                alert('Codigo: '+codigo);
                
 })
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<table class="table table-responsive table-hover">
  <tr>
    <td>1</td>
    <td>Carlos</td>
    <td>Ativo</td>
  </tr> 
  <tr>
    <td>2</td>
    <td>Charles</td>
    <td>Inativo</td>
  </tr> 
  <tr>
    <td>3</td>
    <td>Ozeias</td>
    <td>Ativo</td>
  </tr> 
</table>