Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Obter DIV Filha em relação ao item clicado

08-07-2012 13:13

Tenho o seguinte codigo(tabela), e gostaria que quando fosse clicado na tr.opcoes_table, a div .opcoes_table Fosse ocultada, mais que fosse ocultada apenas a div filha em relação à tr.opcoes_table, ou seja ocultasse apenas a linha em relação ao que foi clicado, tentei usando os métodos children, parent do Jquery mais não conseguir obter a sintaxe correta... :x

<div id="tabela"><table cellpadding="0" cellspacing="0" border="0" width="620">                 <thead>                         <tr>                                 <th width="500">Prefeitura</th>                                 <th width="64">Cidade</th>                                 <th width="36"></th>                         </tr>         </thead> <tbody><tr class="opcoes_table">                 <td bgcolor="" width="500"><a href="#">PM DE TEJUÇUOCA</a></td>                 <td bgcolor="" width="64"><a href="#">Tejucuoca</a></td>                 <td bgcolor="" width="36">                 <div class="opcoes_table_links">                         <a href="#" title="Editar"><img src="img/icon_edit.png" width="16" height="16" alt="Editar" /></a>                         <a href="#" title="Remover"><img src="img/icon_delete.gif" width="16" height="16" alt="Remover" /></a>                 </div>                 </td>         </tr>         <tr class="opcoes_table">                 <td bgcolor="#f2f7fb" width="500"><a href="home.php?p=editar_prefeitura&id=15">SERVICO AUTONOMO DE AGUA E ESGOTO</a></td>                 <td bgcolor="#f2f7fb" width="64"><a href="home.php?p=editar_prefeitura&id=15">Amontada</a></td>                 <td bgcolor="#f2f7fb" width="36">                 <div class="opcoes_table_links">                         <a href="#" title="Editar"><img src="img/icon_edit.png" width="16" height="16" alt="Editar" /></a>                         <a href="#" title="Remover"><img src="img/icon_delete.gif" width="16" height="16" alt="Remover" /></a>                 </div>                 </td>         </tr></tbody></table></div>

0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Obter DIV Filha em relação ao item clicado

08-07-2012 13:33

Seria basicamente isso

<script> $(document).ready(function() {   $("tr:.opcoes_table").click(function(event) { $("tr:.opcoes_table div.opcoes_table_links").hide(); });   }); </script>

Só que nesse exemplo ai teria que usar o this para identificar a tr clicada, e adicionar a div dessa tr. Vou ver se acho como é.
1
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Obter DIV Filha em relação ao item clicado

08-07-2012 13:36

Já achei. Você usa o find()

$("tr:.opcoes_table").click(function(event) { $(this).find('div.opcoes_table_links').hide(); });

O click é aplicado a tr com a class opcoes_table
Em seguida é usado o this para relacionar a tr clicada, procurado a div com a class opcoes_table_links
Assim, é essa div é escondida com o hide().
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Obter DIV Filha em relação ao item clicado

08-07-2012 13:54

Bom web, sem palavras :lol: , mais uma vez muito obrigado por me ajudar. :wasntme:
1
www.radiokiller.com.br

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado