en utilisant le contenu de balise <a> pour définir la classe li avec jquery

Question

J'ai un menu simple déroulant:

<ul id="nav" > 
<li><a href='/'>Parent One</a> 
<ul> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
</ul> 
</li> 
<li><a href='/'>Parent Two</a> 
<ul> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
</ul> 
</li> 

Je dois attribuer une classe à la < li> du parent qui est égale au nom du parent dans le tag a> <.

<ul id="nav" > 
<li class="ParentOne"><a href='/'>ParentOne</a> 
<ul> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
</ul> 
</li> 
<li class="ParentTwo"><a href='/'>ParentTwo</a> 
<ul> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
<li><a href='/'>child</a></li> 
</ul> 
</li> 

J'ai essayé ce morceau de code:

<script language="javascript" type="text/javascript"> 
$('#navigation ul li a').each(function(index) { 
var link = $(this); 
$('li', link.parent()).addClass(link.text()); 
}); 
</script> 

Mais qui applique la classe à < li> tag enfants et non le parent < li> - toute aide serait appréciée. Merci!

Answer 1

essayez ceci:

$(document).ready(function(){ 
    $('#nav>li>a').each(function(){ 
     $(this).parent().addClass($(this).text().replace(/\s/,'')) 
    }); 
}); 

:)

EDIT:Ne pas penser ... omg ... réparé :)

EDIT 2:Ajout blanc -space-coupe

EDIT 3:Modifié, ajouté document.ready $, 100% travaillant avec espace blanc coupe;)

Answer 2

Cela devrait le faire:

$(document).ready(function() { 
    $('#nav > li > a').each(function(index) { 
     $(this).parent().addClass($(this).text()); 
    }); 
}); 

qui aussi seulement agir sur les éléments de niveau supérieur li; dans le cas où vous ajoutez des classes à d'autres éléments imbriqués plus profonds.

Answer 3

$('#nav > li > a').each(function(){ 
    $(this).parent().addClass($(this).text().replace(/\s/, '')); 
}); 

Answer 4

Cela a fonctionné:

$("#nav li").each(function() { 
    $(this).addClass($(this).children("a").text()); 
});