jQuery：如何在字/字符串中添加/使用数字类？

Question

正如标题所说，我想拥有字符串类而不是数字，这是我目前拥有的脚本！

$('ul#nav li').each(function (index, element) { 
    $(element).addClass('number_' + (index+1).toString()); 
}); 

这就是我得到的，它工作正常，没有错;

<ul id="nav"> 
    <li class="number_1"></li> 
    <li class="number_2"></li> 
    <li class="number_3"></li> 
    <li class="number_4"></li> 
    <li class="number_5"></li> 
</ul> 

但我希望它返回类中的字符串和非数值！所以像这样的东西;

<ul id="nav"> 
    <li class="first"></li> 
    <li class="second"></li> 
    <li class="third"></li> 
    <li class="fourth"></li> 
    <li class="fifth"></li> 
</ul> 

请注意：这些类生成/动态添加，因此该字符串类应动态地增加，因此可能有100个列表项！

谢谢您的时间，感谢所有帮助:)

Answer 1

你想是什么让没有真正意义上的，但你可以用数组实现它：

<script type="text/javascript"> 
    var listClasses = new Array("first", "second", "third", "fourth",.....); 
</script> 

然后使用一些代码位修改：

$('ul#nav li').each(function (index, element) { 
    $(element).addClass(listClasses[index]); 
});