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