jquery - 特殊格式的有序列表

Question

我正在寻找一种智能方法来创建具有特定格式的嵌套有序列表：

1. text
2. text
 2.1 text
 2.2 text
 2.3 text
3. text
4. text
 4.1 text
 4.2 text
 4.3 text
5. text

我试图在那里使用类型 atrib ，但它没有让我到任何地方。我不需要缩进……但这会很好……

先谢谢了

Answer 1

为此使用计数器

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }

Answer 2

我们需要看到更多实际的 HTML。您可以使用 CSS 完成这种编号（子条款）。

ol.main > li {
   counter-increment: root;
}

ol.main > li > ol {
    counter-reset: subsection;
    list-style-type: none;
}

ol.main > li > ol > li {
    counter-increment: subsection;
}

ol.main > li > ol > li:before {
    content: counter(root) "." counter(subsection) " ";
}