这里有一个在所有浏览器中都有效的示例。纯CSS方法适用于实际的浏览器(即IE6 / 7以外的所有内容),

jQuery代码覆盖了不支持的。它在

SSCCE的味道,你可以只是copy’n’paste’nrrun没有改变。

SO question 2729927

$(document).ready(function() {

if ($('ol:first').css('list-style-type') != 'none') { /* For IE6/7 only. */

$('ol ol').each(function(i, ol) {

ol = $(ol);

var level1 = ol.closest('li').index() + 1;

ol.children('li').each(function(i, li) {

li = $(li);

var level2 = level1 + '.' + (li.index() + 1);

li.prepend('' + level2 + '');

});

});

}

});

html>/**/body ol { /* Won't be interpreted by IE6/7. */

list-style-type: none;

counter-reset: level1;

}

ol li:before {

content: counter(level1) ". ";

counter-increment: level1;

}

ol li ol {

list-style-type: none;

counter-reset: level2;

}

ol li ol li:before {

content: counter(level1) "." counter(level2) " ";

counter-increment: level2;

}

ol li span { /* For IE6/7. */

margin: 0 5px 0 -25px;

}

  1. first
  2. second
    1. second nested first element
    2. second nested second element
    3. second nested third element
  3. third
  4. fourth

HTML数字自动排序,jquery – HTML中的数字嵌套排序列表相关推荐

  1. pandas中dataframe索引排序实战:pandas中dataframe索引降序排序、pandas中dataframe索引升序排序

    pandas中dataframe索引排序实战:pandas中dataframe索引降序排序.pandas中dataframe索引升序排序 目录

  2. html把数字转换成日期,表格中如何把数字改为日期 表格中打数字会变成日期是怎么回事?...

    Excel 表格中如何把数字转换成时间? 如何在EXCEl中把数字变成日期格式 如何将EXCEL中的日期格式转换成数值型格式 学生出生年月原格式为1990-03-20现在想将它变成199003舍掉后面 ...

  3. java list字符排序吗_List中存放字符串进行排序

    package com.bjpowernode.t03sort; import java.util.ArrayList; import java.util.Collections; /* * List ...

  4. python正则匹配字符串中的数字_Python正则表达式匹配字符串中的数字

    1.使用"\d+"匹配全数字 代码: import re zen = "Arizona 479, 501, 870. Carlifornia 209, 213, 650. ...

  5. linux 取出字符中数字,使用awk提取字符串中的数字或字母

    1.提取字符串中的数字$ echo 'dsFUs34tg*fs5a%8ar%$#@' |awk -F "" ' { for(i=1;i<=NF;i++) { if ($i ~ ...

  6. python正则匹配11个数字_Python正则表达式匹配字符串中的数字

    导读 这篇文章主要介绍了Python正则表达式匹配字符串中的数字,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1.使用"\d+"匹配全数字 ...

  7. php 取字符串中的字母数字,php如何提取字符串中的数字?php提取字符串中数字的方法总结(附代码)...

    本篇文章给大家带来的内容是关于php如何提取字符串中的数字?php提取字符串中数字的方法总结(附代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. PHP提取字符串中的第一组数字 ...

  8. python对excel筛选提取文本中数字_python实现将字符串中的数字提取出来然后求和...

    因工作原因,很久没有学习python知识了,感觉都快忘记了,前天看到一个练习题,如何将字符串中的数字提取出来,然后求和呢?下面我来解释一下如何通过python代码来实现. 题目:字符串43-3y2.f ...

  9. java list 时间排序吗_java中的list时间排序

    最初设想使用:时间long型 private void testTimes() throws InterruptedException{ Calendar cal=Calendar.getInstan ...

最新文章

  1. 算法工程师的落地应用公开课
  2. WritePrivateProfileString、GetPrivateProfileString 读写配置文件
  3. iOS UILabel加载html点击图片查看大图 附demo
  4. 使用 Oracle Datapump API 实现数据导出
  5. BFS 算法解题套路框架+几个用于BFS的set与queue用法和技巧
  6. OpenCASCADE绘制测试线束:图形命令之AIS 查看器——网格可视化服务
  7. Ajax 实现无刷新分页
  8. 浙大网新实训项目介绍
  9. Python学习之urlib模块和urllib2模块学习
  10. 深拷贝、浅拷贝以及引用传递和按值传递的区别与联系
  11. matlab sort对矩阵某一维进行排序并记录之前索引
  12. 【Leetcode | 11】268. 缺失数字
  13. 浏览器绑架:曾几何时,喜爱的“百度”成为了“流氓”的代名词?- 移除hao123首页...
  14. 杜甫的《望岳》在哪里作的?山脚下还是山头上?
  15. 调节RStudio的代码字体大小
  16. 网卡类双频WiFi模块选型参考
  17. 为什么国内的游戏公司吃相越来越难看了?
  18. Informer时序模型(自定义项目)
  19. day9Python操作Excel
  20. October CMS Vs Wordpress

热门文章

  1. java camel dsl,Apache Camel与Spring DSL
  2. 两个场景怎样合在一起_Spring AOP应用场景你还不知道?这篇一定要看
  3. qt判断读入的字符串是否含有英文_459. 重复的子字符串
  4. 1.1 鞅、停时和域流-随机过程的可测性(布朗运动与随机计算【习题解答】)
  5. 在oracle备份数据库,Oracle在A机器上备份了数据库,到B机器上恢复时,怎么进行下去?...
  6. mysql 安全扫描_MySQL 安全和监控 - Can't Wait Any Longer - OSCHINA - 中文开源技术交流社区...
  7. 3.10 触发字检测-深度学习第五课《序列模型》-Stanford吴恩达教授
  8. 物联网云平台-贝壳物联入门详细使用方法
  9. 【PC工具】Windows10开始菜单增强工具Stardock Start10
  10. [Android工具]安卓百度云盘百度网盘资源搜索工具,安卓网盘搜索软件