Application de classes à un élément parent avec JS

Question

Je dois appliquer une classe à la balise <li> qui entoure une balise d'ancrage lorsqu'un utilisateur clique sur le lien. Comme ceci:

<ul> 
<li><a href="#">Just an Example</a></li> 
</ul> 

Ainsi, lorsque l'utilisateur clique sur <a href="#">Just an Example</a>, je dois appliquer une classe à l'<li> enfermant. Comment pourrais-je cibler cela? J'utilise jquery.

Answer 1

il suffit d'utiliser

$('a').click(function(){ 
    $(this).parent().addClass('theClass'); 
}); 

Answer 2

$('a[href=#]').click(function(){ 
    $(this).closest('li').addClass('your_class_name'); 
}); 

Si la garantie que l'élément parent d'un tel ancrage est un LI vous pouvez également utiliser

$(this).parent().addClass('your_class_name'); 

Answer 3

$("a").click(function() { 
    $(this).parent().whateveryouwant(); 
}