Question

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

HTML

<div id="imtheking">
<ul>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>
</div>

伪Javascript（Jquery）

$('#imtheking ul > li').number(starting from: '0');

结果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

是的，我认为只包含一个数字的类名是不正确的..所以不应该是“0”或“1”，它应该标题为“number0”或“number1”。

感谢您的回复！

Answer 1

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

Answer 2

你可以这样做：

$('#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>

要保留您的类似标记，只需添加类就是您所需要的，您可以使用addClass：

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

Answer 3

您可以使用此jquery插件：http://slightlymore.co.uk/ol/

来自他们的文档：

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

但是它不会添加一个类，但它可能会帮助你实现你想要做的事情。

JQuery - 每个李的数字

3 个答案: