sélecteur jquery

Question

i ont le code ci-dessous de l'échantillon pour une liste de navigation:

<div id="menu"> 
<ul> 
    <li><a href="#sect1">link 1</a></li> 
    <li><a href="#sect2">link 2</a></li> 
    <li><a href="#sect3">link 3</a></li> 
</ul> 
</div> 

and some jquery code: 
$("#menu li").click(function() { 
    var mylicontent=$(this).html(); 
}); 

je veux obtenir à la fois le contenu html de l'objet li et la valeur href. Des idées?

Answer 1

Vous pouvez faire comme:

$("#menu li").click(function() { 
    var mylicontent = $(this).html(); 
    var mylik = $(this).find('a').attr('href'); 
}); 

Ou vous pouvez aussi faire comme:

$("#menu li").click(function() { 
    var mylicontent = $(this).html(); 
    var mylik = $('a', this).attr('href'); 
}); 

Answer 2

Il est préférable si vous attachez cliquez sur le a et non sur le li.

Ensuite, vous feriez quelque chose comme $(this).parent().html()