“编号”的div字母表使用jQuery。每（）

我用这个有类“数字”号的div：“编号”的div字母表使用jQuery。每（）

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

，但我怎么会用类似的东西，而不是“数量”为a，b，c，d等？

来源

2012-10-16 jackson5

使用string.fromCharCode：

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

另外，如果你想用大写字符，然后用65代替97

来源

2012-10-16 00:44:29 nullable

很好，谢谢！将在〜8分钟内接受答案。 – jackson5

干得好！ +1 @theatomicdude你可以看到一个[demo here]（http://jsfiddle.net/agKrz/）和我的版本在底部。 – gdoron

您可以创建的字母字符数组：

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; 
}

来源

2012-10-16 00:43:40 Ibu

不够优雅... :) – gdoron

+1提明显的 - 使用一个有序名单！ – ahren

+1对于CSS方法。这将是我的首选。但是，这个问题意味着他们无法控制内容。 – nullable

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

Live DEMO

来源

2012-10-16 00:46:10 gdoron

看起来非常棒，感谢演示！虽然库尔特首先回答，所以我把它给了他，+1，谢谢！ – jackson5

@theatomicdude。我会做同样的事情...... :)他应得的（并且需要比我更多的代表） – gdoron

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

来源

2012-10-16 00:47:16 Tariqulazam

这个有用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; 
}

来源

2012-10-16 00:48:26

那么divs会使用javascript重新排序，我需要重新“alphabatize”他们在飞行中。 – jackson5

这会自动发生，如下所示：http://jsfiddle.net/UZwqu/3/ –

哦哇。不知道！谢谢！在我的问题中，我确实要求提供jQuery，所以我仍然必须向Kurt提供答案，但非常感谢！ – jackson5

“编号”的div字母表使用jQuery。每（）

回答

相关问题