Question

我用它来编号“number”类的div：

$("#parent .number").each(function(i){
    $(this).html((i+1) + ". ");
});

但是我如何使用类似的东西而不是“数字”作为a，b，c，d等？

Answer 1

使用string.fromCharCode：

$("#parent .number").each(function(i){
    $(this).html(String.fromCharCode(97 + i) + ". ");
});

此外，如果您想使用大写字符，请使用65而不是97。

Answer 2

您可以创建一个字母数组：

var alpha = ["a","b","c",....];

然后使用索引打印它们：

$("#parent .number").each(function(i){
    $(this).html(alpha[i] + ". ");
    });

您知道，您可以使用有序列表来执行此操作，使用html和css：

html：

<ol class="alpha">
   <li>text ...</li>
   <li>text ...</li>
   <li>text ...</li>
   <li>text ...</li>
</ol>

css：

ol.alpha li {
   list-style-type:lower-alpha;
}

Answer 3

var index = 97;
$("#parent .number").each(function(i){
    $(this).html(String.fromCharCode(index++));
});

Live DEMO

Answer 4

这个是否是用Javascript完成的？ CSS计数器可以达到同样的效果：

http://jsfiddle.net/UZwqu/1/

#parent {
    counter-reset: my-counter;
}

#parent .number:before {
    content: counter(my-counter, lower-alpha);
    counter-increment: my-counter;
}

更多细节：

http://css-tricks.com/numbering-in-style/

Answer 5

var i=97;
$("#parent .number").each(function(){
    $(this).html(String.fromCharCode(i++) + ". ");
  });

使用jQuery .each（）将“数字”与Alphabet进行对比

5 个答案: