JQuery: Comment puis-je obtenir l'URL d'une ancre contenue dans une balise "LI" cliquée?

Que diriez-vous:

$('.prodcat').click(function(event) {
    var url = $(this).attr('href');
});

$('a').click(function(e) {
    e.preventDefault();
    alert($(this).attr('href'));
});
Check working example at http://jsfiddle.net/4XU8h/

$('.prodcat-line').click(function(){
    alert($('a', this).attr('href'));
    return false;
});
Example here.

Si vous sélectionnez le li code> comme xxx pré>

alors, vous pouvez sélectionner des descendants directs à l'aide de ">": p> xxx PRE>

ou, en utilisant jQuery enfants code> méthode: p> xxx pré>

ou à partir de tout décret, omettez le > code > et utiliser juste un espace: p> xxx pré>

ou, à nouveau, à l'aide d'une méthode de jQuery, cette fois Rechercher code>: p>

$(".prodcat-line").find("a")...
$(".prodcat-line").find("a.prodcat")...
$(".prodcat-line").find(".prodcat")...

Whan vous cliquez sur la balise LI que vous pouvez avoir ses éléments d'enfant. Deux moyen de le faire.

$('.prodcat-line').click(function() {
    $(this).children('a').attr('href');
    //or
    $('a', this).attr('href');
});