Question

可能我想为“编号”的div列表构建一个逻辑。

与Microsoft Word中的函数类似，您可以在其中创建一些编号列表，如

FOO
FOO 2.1 FOO 2.2 FOO 2.3 FOO
FOO
FOO

现在我想要一个能够创建位置numbern的几个DIVS的函数。如果现在删除了数字2，则调整所有其他DIVS的位置编号，如果div向上或向下移动，则相同。

会很棒

问候。

ps：我附上了一张图片。 http://i.stack.imgur.com/qKMRx.jpg

Answer 1

此任务的正确标记为ol，因为div将是非语义的，并且javascript编号机制将更不便携，更慢，更重，因为ol是专门为任务创建

Answer 2

试试这个（我希望它可以帮到你）

http://jsfiddle.net/V6Kj7/

HTML：

    <ol>
    <li>item 1
        <ol>
            <li>sub item 1
                <ol>
                    <li>sub-sub item 1</li>
                    <li>sub-sub item 2</li>
                    <li>sub-sub item 3</li>
                </ol>
             </li>
             <li>Sub item 2</li>
         </ol>
     </li>
     <li>item 2</li>
 </ol>

CSS：

        ol { 
        counter-reset: section;
        list-style-type: none;
    }

    ol li { counter-increment: section; }
    ol li:before { content: counters(section, ".") ". "; }

浏览器支持：http://caniuse.com/#search=counter-reset

用数字创建div

2 个答案: