使用jQuery编号我的列表?

时间:2011-09-10 11:43:10

标签: jquery

我正在尝试创建年鉴壁垒的在线版本。 http://jsfiddle.net/koalatea/7VDSV/2/

截至目前,我正在为每个李分别编号。这些数字代表了本书的每一页。

<ul>
    <li compl="si"><span>1</span></li>
    <li compl="si"><span>2-3</span></li>
    <li compl="no"><span>4-5</span></li>
    <li compl="no"><span>6-7</span></li>
    <li compl="no"><span>8-9</span></li>
</ul>

等等..

我可以使用jQuery为我编号吗?还有什么建议来清理我的代码?

1 个答案:

答案 0 :(得分:3)

这样的事情应该做:

$('span').each(function(index) { 
  if(index == 0) {
    $(this).html(1);   
  } else {
    var n = (index)*2;
    $(this).html(n + '-' + (n+1));
  }
});

如果你引入了更多的span元素,显然这会落在它的头上。这只是为了说明如何填写值。另外,我会质疑你的span元素的必要性。