jQuery를 addClass foreach는 ul.sub 메뉴

Question

워드 프레스는 여기에

내 HTML입니다 (아직) ul.sub-menu 고유 클래스를 ... 줄 does't 첫 번째 것만.

<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에 고유 한 클래스를 지정 않습니다

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

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

결과는 이것이다?

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); 
});