jQuery addClass foreach ul.子菜单 [英] jQuery addClass foreach ul.sub-menu

问题描述

WordPress尚未提供ul.sub-menu任何唯一的类...

WordPress does't give ul.sub-menu any unique classes (yet)...

这是我的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添加到第一个.

Using jQuery I can .addClass to the first one only.

 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?

推荐答案

尝试此代码，即可完成工作.

try this code, should do the work.

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

您可以在此处进行测试: http://jsfiddle.net/dvdPd/17/

you can test it here : http://jsfiddle.net/dvdPd/17/

这篇关于jQuery addClass foreach ul.子菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！