Question

我正在尝试将每个li打包在div .new中，当li没有任何子级<ul><li></li></ul>时，它可以正常工作。

但是当它采用以下格式时

<li>XRP 1
    <ul>
        <li>Company Maintenance</li>
        <li>Employees
            <ul>
                <li>Reports
                    <ul>
                        <li>Report1</li>
                        <li>Report2</li>
                        <li>Report3</li>
                    </ul>
                </li>
                <li>Employee Maint.</li>
            </ul>
        </li>
        <li>Human Resources</li>
    </ul>
</li>
<li>XRP 2</li>
<li>XRP 3</li>

它将li中的new多次包装在层次结构中

$( "li" ).wrap( "<div class='new'></div>" );

.new {
    border:1px solid #ccc; 
    margin:5px; 
}

有什么方法可以在每个项目之前添加打开和关闭标记吗？

Answer 1

如果这是你想要做的（我不确定）：

<ul>
    <div><li></li></div>
</ul>

这不是有效的HTML 这里的解释：Is this HTML structure valid? UL > DIV > { LI, LI } , DIV > { LI, LI } , DIV > { LI, LI }

有问题在一个Div独立包装li列表

1 个答案: