jquery:将Class 1,2,3等自动添加到列表中

Question

是否可以使用 jquery 将自动数字类添加到列表中？

html:

<ul id="list">
 <li>Element 1</li>
 <li>Element 2</li>
 <li>Element 3</li>
 <li>Element 4</li>
 <li>Element 5</li>
</ul>

我想要得到这样的东西:

<ul id="list">
 <li class="1">Element 1</li>
 <li class="2">Element 2</li>
 <li class="3">Element 3</li>
 <li class="4">Element 4</li>
 <li class="5">Element 5</li>
</ul>

希望有一个可用的解决方案:-)

<小时/>

编辑

好吧，嗯，但我的列表末尾并不总是有数字。那么类名组合(例如“item + number”)又如何呢？这样的事情可能吗？

<ul id="list">
 <li class="item1">Element x</li>
 <li class="item2">Element c</li>
 <li class="item3">Element a</li>
 <li class="item4">Element d</li>
 <li class="item5">Element f</li>
</ul>

Answer 1

   $("#list li").each(function(i) {
     this.addClass("item"+(i+1));
    });

这是在行动

http://jsbin.com/ocake

根据评论更新，如示例链接所示:

$(document).ready(function() {
        $("#list li").each(function(i) {
        $(this).addClass("item" + (i+1));
        });
      });

但我认为初始代码应该通过添加来工作:

this = $(this);

但不确定。