divで独立して折り返し問題の問題がある

Question

liを.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").wrap("<div class='new'></div>"); 

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

にnewでli Sをラップ各項目の前にタグを閉じますか？

Answer 1

これは、あなたが（私はよく分からない）何をしたいの場合：

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

これは有効なHTMLではありません。
説明：Is this HTML structure valid? UL > DIV > { LI, LI } , DIV > { LI, LI } , DIV > { LI, LI }