2010-01-08 5 views
2

Je me sens si stupide poser cette question, mais je ne peux pas trouver un moyen propre pour écrire ce ...fonction cliquez sur le lien de l'objet parent de redirection href

Heres le code HTML

<li> 
<a class='link_parent' href='#'>Test</a> 
</li> 

Je veux la fonction de clic de la LI mère pour rediriger le href de l'.link_parent avec ...

so ...

$('a.link_parent').each(function() { 
    $(this).parent().click(function() { 
    // Need to access $(this).attr('href') of the above object 
    // but can't since $(this) is now the <li> object 
    // help! 
    }); 
}); 

Répondre

2
$('a.link_parent').each(function() { 
    var link = this; 
    $(this).parent().click(function() { 
     link.attr('href'); 
    }); 
}); 
1
$("li").click(function(){ 
    $("a.link_parent", this).trigger("click"); 
}); 

Juste une courte explication de la portée. this n'est pas la seule façon d'avoir accès aux articles:

$("a.link_parent").each(function(i,o){ 
    // 'o' will always be a reference to this anchor 
    $(this).parent().click(function(e){ 
    // 'e.currentTarget' will be a reference to this parent 
    alert(o + " " + e.currentTarget); 
    }); 
}); 
0

Vous pouvez le faire dans l'autre sens round.Dont connaître la manière exacte JQuery de l'écrire.

Ajoutez un événement de clic à l'élément "li" et récupérez son premier enfant, c'est-à-dire l'élément "a: et obtenez son href."