在将 li 列表包装在 Div 中时存在问题

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。
这里的解释：这个 HTML 结构有效吗？UL> DIV>