Javascript &引用;“数字”;使用jQuery.each()使用字母表进行div
我用它来对类为“number”的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
但是我如何使用类似于“数字”的东西来代替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;
}