這里有一個在所有瀏覽器中都有效的示例。純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;

}

first

second

second nested first element

second nested second element

second nested third element

third

fourth

總結

以上是生活随笔為你收集整理的HTML数字自动排序,jquery – HTML中的数字嵌套排序列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。