2010-03-18 32 views
10

no estoy seguro de por qué me parece tan difícil. Aquí está el código html:accediendo a div dentro del td usando jquery

<tr> 
    <td>FirstName 9</td> 
    <td>LastName 9</td> 
    <td><a href="#" id="linkSponsorMessage">View</a></td> 
    <td> 
     <div class="divSponsorMessage" style="display:none"> 
      Greetings FirstName 9, LastName 9! 
     </div>   
    </td> 
</tr> 

que necesito para acceder al <div> cuando se haga clic en el enlace de anclaje usando jQuery.

ACTUALIZACIÓN:

llegué al trabajo:

$("#linkSponsorMessage").parent("td").next("td").children("div") 

Pero hay una manera mejor !!!

ACTUALIZACIÓN 2:

Además, dado que estoy usando varias etiquetas DIVS y de anclaje que tenía que hacer $ (este) para referirse a la etiqueta de anclaje actual que se desencadenó.

$(document).ready(function() 
{ 
    $("a").mouseover(function()  
    { 
     var divs = $(this).closest("tr").find("div").fadeIn("slow"); 

    }); 

    $("a").mouseout(function()  
    { 
     var divs = $(this).closest("tr").find("div").fadeOut("slow"); 

    }); 


}); 
+0

Gracias por compartir la solución final con todos nosotros: -) – Raja

+0

Gracias por publicar la solución - tenía un problema similar, así que esto me ayudó a resolver mi problema :) – Jen

Respuesta

10

Se puede utilizar esta:

$("#linkSponsorMessage").closest("tr").find("div") 

o:

$("#linkSponsorMessage").closest("tr").find(".divSponsorMessage") 
3

sólo tiene que utilizar

$("a").click(function(){alert("clicked");return false;};) 

El código anterior mostraría una alerta hizo clic y no permitiría que la funcionalidad por defecto del enlace de clic suceda.

Espero que esto ayude.

2

chatarra de mi primera respuesta si tiene varios mensajes div .... pensó que utilizó un ID para tanto el enlace como el div

vistazo a la respuesta de Nick Craver sobre cómo encontrar el div por proximidad ..

[respuesta original]

Puesto que se utiliza identificadores para cada elemento que es muy recta hacia adelante para acceder a cualquier cosa .. aquí algunos ejemplos de código ..

$('#linkSpnsoMessage').click(function(){ 
    var $div = $('.divSponsorMessage'); 
    //$div variable now holds the jquery version of the div.. 
}); 
+1

Sólo si el div tenía una ID;) –

+0

@Nick, ah ... cierto ... confundió la clase como una identificación ... –

+0

Corrección: 'var $ div = $ ('.divSponsorMessage'); ' –

1

probar esto

$(td a).click(function(){ 
    alert('hello'); 
    return false; 
}); 
0
$('div.divSponsorMessage'); 
Cuestiones relacionadas