Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

defelper

Como selecionar elemento DIV ao clicar em link

Recommended Posts

Olá pessoal... precisava de uma ajuda com jQuery e javascript.

 

tenho a seguinte estrutura e precisava selecionar, a partir do clique em algum link, o ID do link selecionado e o ID do DIV que o contém. Mas estou tendo dúvidas em como selecionar esse ID. Segue a estrutura html:

 

<div>
<div class="main" id="Affiliation">
   <table>
       <tr>
           <td class="titulo">
               <span class="facettitle">Affiliation</span>
           </td>
       </tr>
       <tr>
           <td class="meta">
               <table>
                   <tr><td class="column">
                           <span id="A"></span><a href="#" class="link1">A element</a> <span class="count">(2)</span><br/></span>
                       </td></tr>
                   <tr><td class="column">
                           <span id="B"><a href="#" class="link1">B element</a> <span class="count">(1)</span><br/></span>
                       </td></tr>
                   <tr><td class="column">
                           <span id="C"><a href="#" class="link1">C element</a> <span class="count">(7)</span><br/></span>
                       </td></tr>
               </table>
           </td>
       </tr>
   </table>
</div>
<div class="main" id="Affiliation">
   <table>
       <tr>
           <td class="titulo">
               <span class="facettitle">Affiliation</span>
           </td>
       </tr>
         ...... a mesma estrutura parecida com a de cima
</div>

</div>

 

O código correto:

 

<div>
<div class="main" id="Affiliation">
   <table>
       <tr>
           <td class="titulo">
               <span class="facettitle">Affiliation</span>
           </td>
       </tr>
       <tr>
           <td class="meta">
               <table>
                   <tr><td class="column">
                           <span id="A"></span><a href="#" class="link1">A element</a> <span class="count">(2)</span><br/></span>
                       </td></tr>
                   <tr><td class="column">
                           <span id="B"><a href="#" class="link1">B element</a> <span class="count">(1)</span><br/></span>
                       </td></tr>
                   <tr><td class="column">
                           <span id="C"><a href="#" class="link1">C element</a> <span class="count">(7)</span><br/></span>
                       </td></tr>
               </table>
           </td>
       </tr>
   </table>
</div>
<div class="main" id="Affiliation2">
   <table>
       <tr>
           <td class="titulo">
               <span class="facettitle">Affiliation2</span>
           </td>
       </tr>
         ...... a mesma estrutura parecida com a de cima
</div>

</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.