javascript - 使用 jQuery 生成无序列表

标签 javascript jquery

存在无序列表,在 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/

相关文章:

javascript - Phonegap 3.3.0 iOS 文件系统插件未触发完成、进度或错误

javascript - jQuery attr ('id' )正在返回 'undefined'

javascript - 当我尝试在 Google 跟踪代码管理器中发布对讲机代码的更改时,为什么会出现 JavaScript 编译器错误?

javascript - 为什么 length 是 `Array` 的属性而不是 `Array.prototype` 链

javascript - 带有 ui.router $state 的 AngularJS 在异步时不起作用

jquery - 使用放大的弹出窗口打开页面上的所有图像

javascript - 同一页面上多个 d3 图表的问题

javascript - ref 返回空值reactjs.如何处理?

jquery - 每次窗口滚动时,如何为具有特定类的每个元素调用一个函数(jquery))

javascript - JQuery:在鼠标移动时更新悬停