Jump to content


flavianoguedes

Member Since 03/07/2010
Offline Last Active 13/03/2012, 22:30
-----

Topics I've Started

Adicionar Div Com Jquery E Colocar Conteudo Que Foi Clicado Dentro Del

04/03/2012, 22:34

É o seguinte tenho essa tabela
<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>Tabela Produtos: Contêm os produtos pesquisados </caption>
  <tr>
    <th scope="col" abbr="codLabel" class="nobg">Código</th>
    <th scope="col" abbr="nomeLabel">Nome</th>
    
  </tr>
  <tr id="1"  >
    <th scope="row" abbr="code" class="spec">1</th>
    <td>Exemplo Exemplo</td> 
  </tr>
  <tr id="2"  >
    <th scope="row" abbr="code" class="spec">2</th>
    <td>Exemplo Exemplo</td> 
  </tr>
 
 
 
</table>
Eu queria saber como eu faço para que o codigo fique assim quando eu clicar na linha de id 1
<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>Tabela Produtos: Contêm os produtos pesquisados </caption>
  <tr>
    <th scope="col" abbr="codLabel" class="nobg">Código</th>
    <th scope="col" abbr="nomeLabel">Nome</th>
    
  </tr>

  <tr id="1"  >
   <div id="destacar">
     <th scope="row" abbr="code" class="spec">1</th>
     <td>Exemplo Exemplo</td>
   </div>
  </tr>
  <tr id="2"  >
    <th scope="row" abbr="code" class="spec">2</th>
    <td>Exemplo Exemplo</td> 
  </tr>
 
 
 
</table>
E assim quando eu clicar na linha 2 da tabela
<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>Tabela Produtos: Contêm os produtos pesquisados </caption>
  <tr>
    <th scope="col" abbr="codLabel" class="nobg">Código</th>
    <th scope="col" abbr="nomeLabel">Nome</th>
    
  </tr>

  <tr id="1"  >
  
     <th scope="row" abbr="code" class="spec">1</th>
     <td>Exemplo Exemplo</td>
   
  </tr>
 
  <tr id="2"  >
   <div id="destacar">
    <th scope="row" abbr="code" class="spec">2</th>
    <td>Exemplo Exemplo</td> 
   </div>

  </tr>
</div>
 
 
 
</table>
Ou seja eu quero adicionar uma div quando clicar em uma linha da tabela e o conteudo dessa linha que foi clicada tem que ficar dentro da div
usando jquery.
desde ja agradeço quem se despuser a mim ajudar

IPB Skin By Virteq