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>

Is there a way to start a new count for another ul list? With the code above this is what i get!

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

产出

1. test
2. test
3. test

第二编名单

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

产出:

4. test
5. test
6. test

而不是从第二个tag头开始1。 2. 仍在使用第一部第5条。 6. 结论

So is it possible to reset the count and star it all over again for another ul tag? If it is possible how?

Answer 1

采用定购清单:

传真

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

CSS

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

EDIT:如果你确实不能使用定购单,那么就使用一些 Java本,如:

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

rel=“nofollow”>jsFiddle example

Answer 2

$( ul ).each(function() {
    $(this).children().each(function(i) {
        $(this).prepend( <span>  + (i + 1) +  .</span>  );
    });
});

http://jsfiddle.net/vSyK6/1/。

Answer 3

var increment = 1;
$( ul ).each(function() {
    var ul = $(this),
        li = ul.find( > li ),
        ol = $( <ol /> ).attr( start , increment);
    ul.after(ol);
    ol.append(li);
    ul.remove();
    increment += li.length;
});

例:

这样做时,将采用nes名单,因为它们(可能)看起来像这样:

1. One
2. Two
    4. Three
3. Four

友情链接