jQuery addClass foreach ul.sub-menu

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>

这很好，但是我如何为 EACH 分配一个唯一的类 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);
});