Addclass到每个“ul”并计算“ul”元素

Question

我有一个3级导航，我希望每个“ul”与类“levle2”获得一个名为“count”的额外类，计数器计算“ul”并将数字放在类。

这就是它应该是什么样子

<ul class="level1" >
        <li>
            <a href="#">More options</a>
            <ul class="level2 count1">
                <li><a href="#">Second level link</a></li>
                <li><a href="#">Second level link</a></li>

            </ul>
        </li>
            <li>
            <a href="#">More options2</a>
            <ul class="level2 count2">
                <li><a href="#">Second level link2</a></li>
                <li><a href="#">Second level link2</a></li>

            </ul>
        </li>
    <li>
            <a href="#">More options3</a>
            <ul class="level2 count3">
                <li><a href="#">Second level link3</a></li>
                <li><a href="#">Second level link3</a></li>

            </ul>
        </li>
</ul>

JS代码

if($('ul.level1 li').find('ul').children('ul.level3').length > 0)
{
    var item = $('ul.level1 li').find('ul').children('ul.level3');
    item.parent().addClass('count');
} else{

}

http://jsfiddle.net/HvPtW/9/

Answer 1

对于选择具有特定类名称的每个对象并添加到包含className的每个对象，请查看您的控制台：

var allElmtsClassName = $(".className");
allElmtsClassName.each(function(index)
{
   console.log(index);
   $(this).addCLass("anotherCLass");
});

Answer 2

试试这段代码：

$('ul.level2').each(function(i){
    $(this).addClass('count'+i.toString());
});