Javascript &引用;“数字”;使用jQuery.each()使用字母表进行div

Javascript &引用;“数字”;使用jQuery.each()使用字母表进行div,javascript,jquery,Javascript,Jquery,我用它来对类为“number”的div进行编号: 但是我如何使用类似于“数字”的东西来代替a、b、c、d等呢?您可以创建一个字母字符数组: var alpha = ["a","b","c",....]; 然后使用索引打印它们: $("#parent .number").each(function(i){ $(this).html(alpha[i] + ". "); }); 正如您所知,您可以使用一个有序列表来使用html和css完成此操作: html: <ol clas

我用它来对类为“number”的div进行编号:


但是我如何使用类似于“数字”的东西来代替a、b、c、d等呢?

您可以创建一个字母字符数组:

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>

使用
字符串。fromCharCode

$("#parent .number").each(function(i){
    $(this).html(String.fromCharCode(97 + i) + ". ");
});
此外,如果您想使用大写字符,则使用65而不是97

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

这是否必须通过Javascript实现?CSS计数器可以达到相同的效果:

更多详情:


干得好,库尔特+1@theatomicdude你可以在底部看到a和我的版本。好的,div使用javascript重新排序,我需要动态地重新“字母化”它们。这将自动发生,如这里所示:哦,哇。我不知道!谢谢我确实在我的问题中问了jQuery,所以我仍然必须向Kurt给出答案,但非常感谢!但是这不适用于div,我需要对div进行编号:/+1用于CSS方法。这将是我的偏好。然而,这个问题意味着他们对内容没有控制权。看起来很棒,谢谢你的演示!库尔特先回答,所以我给了他+1,谢谢@原子弹小子。我也会做同样的事情……:)他活该(比我更需要代表)
$("#parent .number").each(function(i){
    $(this).html(String.fromCharCode(97 + i) + ". ");
});
var index = 97;
$("#parent .number").each(function(i){
    $(this).html(String.fromCharCode(index++));
});
var i=97;
$("#parent .number").each(function(){
    $(this).html(String.fromCharCode(i++) + ". ");
  });
#parent {
    counter-reset: my-counter;
}

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