存在无序列表,在 IE6-7 中无法正常工作,我想用 jQuery 函数替换它。
所以,我们有:
- 带有特殊 #id 的简单列表 (ul id="")
- 一些
<li>
标签 <li>
中的一些特殊标签显示行号(或其他内容,如您所愿)。
我需要一个函数,它可以为无序列表从头到尾的每一行提供唯一的编号。 (ul)
最佳答案
<ul><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li></ul>
$(document).ready(function(){
var increment=3;
var start=8;
$("ul").children().each(function(i) {
$(this).prepend('<tag>'+(start+i*increment).toString()+'.</tag>');
});
});
结果:
* 8. test
* 11. test
* 14. test
* 17. test
* 20. test
* 23. test
* 26. test
编辑:无增量且更短:
$(document).ready(function(){
$("ul").children().each(function(i) {
$(this).prepend('<b>'+(1+i).toString()+'.</b> ');
});
});
关于javascript - 使用 jQuery 生成无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/812875/