javascript - 使用 jQuery 开始新的编号列表

Question

<ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ul>

<script>
$(document).ready(function(){   
    var increment=3;
    var start=8;
    $("ul").children().each(function(i) {
        $(this).prepend('<tag>'+(start+i*increment).toString()+'.</tag>');
    });
});
</script>

有没有办法为另一个 ul 列表开始新的计数？使用上面的代码，这就是我得到的!

<ul>
<li> test
<li> test
<li> test
<ul/>

输出

1. test
2. test
3. test

第二个 ul 列表

<ul>
<li> test
<li> test
<li> test
<ul/>

输出

4. test
5. test
6. test

第二个 ul 标签不是以 1. 2. 3. 开始，而是使用第一个 ul 5. 6. 7. 继续计数

那么是否可以重置计数并为另一个 ul 标签重新加注星标？如果可能怎么办？

Answer 1

使用有序列表:

HTML

<ol id="num_list">
  <li>How</li>
  <li>Now</li>
  <li>Brown</li>
  <li>Cow</li>
</ol>

CSS

#num_list { list-style-type: decimal; }

编辑:如果您确实不能使用有序列表，则使用一些 JavaScript，如下所示:

$(function() {
  $('ul').each(function() {
     $(this).children().prepend(function(index, html) {
        return '<span>' + (index+1) + '. </span>';
     });
  });
});

jsFiddle example