jQuery的addClass的foreach ul.sub菜單

Question

WordPress的簡化版，給ul.sub-menu任何獨特的類（還）...

這裏是我的HTML：

<ul id="menu-primary" class="nav"> 
<li>News 
    <ul class="sub-menu"> 
    <li>Local</li> 
    <li>Politics</li> 
    </ul> 
</li> 
<li>Sports 
    <ul class="sub-menu"> 
    <li>Baseball</li> 
    <li>Football</li> 
    </ul> 
</li> 
<li>Opinion 
    <ul class="sub-menu"> 
    <li>Forums</li> 
    <li>Blogs</li> 
    </ul> 
</li> 

使用jQuery我可以.addClass到只有第一個。

jQuery(document).ready(function($){ 

    $('ul.sub-menu').addClass (function() { 
     return "item-" + $(this).index(); 
}); 

結果是這樣的：

<ul id="menu-primary" class="nav"> 
<li>News 
    <ul class="sub-menu item-1"> 
    <li>Local</li> 
    <li>Politics</li> 
    </ul> 
</li> 
<li>Sports 
    <ul class="sub-menu"> 
    <li>Baseball</li> 
    <li>Football</li> 
    </ul> 
</li> 
<li>Opinion 
    <ul class="sub-menu"> 
    <li>Forums</li> 
    <li>Blogs</li> 
    </ul> 
</li> 

這是偉大的，但我怎麼分配一個唯一的類每個ul.sub-menu？

Answer 1

試試這個代碼，應該做這個工作。

$(function(){   
    $('ul.sub-menu').addClass (function(idx) {   
     return "item-" + idx; 
    }); 
}); 

你可以在這裏進行測試：http://jsfiddle.net/dvdPd/17/

Answer 2

尚未測試..但.each（）將是您需要的功能。

$('ul.sub-menu').each(function(index) { 
    $(this).addClass("item-" + index); 
});