Javascript JQuery-每个li的编号

我对数组和对象编号了解不多。我希望你能理解我说的“数一数二”的意思。第一个li得到类“0”，第二个li得到类“1”，依此类推

Html

结果HTML

<div id="imtheking">
<ul>
<li class="0">List Item</li>
<li class="1">List Item</li>
<li class="2">List Item</li>
<li class="3">List Item</li>
<li class="4">List Item</li>
<li class="5">List Item</li>
<li class="6">List Item</li>
</ul>
</div

列表项
列表项
列表项
列表项
列表项
列表项
列表项

你可以做：

$('#imtheking li').each(function(index){
  $(this).attr('class', 'list_' + index);
});

输出将为：

<li class="list_0">List Item</li>
<li class="list_1">List Item</li>
<li class="list_2">List Item</li>
<li class="list_3">List Item</li>
<li class="list_4">List Item</li>
<li class="list_5">List Item</li>
<li class="list_6">List Item</li>

您可以使用以下jquery插件：

从他们的文档中：

<ol id="first_example">
  <li>Item number 1</li>
  <li>Item number 2</li>
  <li>Item number 3</li>
  <li>Item number 4</li>
</ol>


$("ol#first_example").niceOrderedLists();


第1项
第2项
第3项
第4项
$（“ol#第一个示例”）.niceOrderedList（）；

但是，它不会添加类，但它可能会帮助您实现您想要做的事情。
addClass
可能会更好-例如，不删除现有类等。请注意，您正在列表中添加一层额外的类，该列表中没有比列表中已有的更多信息，凯斯帕·克莱恩：我们是不是在谈论“索引”值？我并没有意识到这一点，我的意思是，如果你添加的类仅仅是单个元素及其表示形式所固有的，那么在大多数情况下就不需要添加类。如果所有项目都应该以不同的方式呈现，我怀疑列表是否有用。所以，不管怎样，请解释一下你想要达到的目的。而且，数字在HTML中不是有效的类名。您可能需要查看jQuery <代码>索引>代码>函数。您还应该考虑使用OL标签。UL=无序列表，OL=有序列表。由于您似乎关心这些项目在其中出现的顺序，因此在语义上更为正确。
<li class="list_0">List Item</li>
<li class="list_1">List Item</li>
<li class="list_2">List Item</li>
<li class="list_3">List Item</li>
<li class="list_4">List Item</li>
<li class="list_5">List Item</li>
<li class="list_6">List Item</li>

$('#imtheking li').each(function(index){
  $(this).addClass('list_' + index);
});

$("#imtheking li").each(function(index) {
  $(this).addClass('number' + index);
});

<ol id="first_example">
  <li>Item number 1</li>
  <li>Item number 2</li>
  <li>Item number 3</li>
  <li>Item number 4</li>
</ol>


$("ol#first_example").niceOrderedLists();