jQuery中wrap、wrapAll和wrapInner用法以及區別

原文：

<ul>

  <li title='蘋果'>蘋果</li>

  <li title='橘子'>橘子</li>

  <li title='菠蘿'>菠蘿</li>

</ul>

 

 

一、$("li").wrap("<div></div>");

每個選擇器都添加

<ul>

  <div><li title="蘋果">蘋果</li></div>

  <div><li title="橘子">橘子</li></div>

  <div><li title="菠蘿">菠蘿</li></div>

</ul>

 

二、$("li").wrapAll("<div></div>");

在全部選中的選擇器最外面添加

<ul>

  <div>

    <li title="蘋果">蘋果</li>

    <li title="橘子">橘子</li>

    <li title="菠蘿">菠蘿</li>

  </div>

</ul>

 

三、$("li").wrapInner("<div></div>");

爲選擇器的內容添加

<ul>

  <li title='蘋果'><div>蘋果</div></li>

  <li title='橘子'>><div>橘子</div></li>

  <li title='菠蘿'>><div>菠蘿</div></li>

</ul>