1. 程式人生 > >內容包裝:jQuery中wrap、wrapAll和wrapInner用法以及區別

內容包裝:jQuery中wrap、wrapAll和wrapInner用法以及區別

wrap,   使用函式來規定在每個被選元素周圍包裹的內容 <ul>   <li title='蘋果'>蘋果</li>   <li title='橘子'>橘子</li>   <li title='菠蘿'>菠蘿</li> </ul> 1、$("li").wrap("<div></div>"); 每一個選擇器都新增 <ul>   <div><li title="蘋果">蘋果</li></div>   <div><li title="橘子">橘子</li></div>   <div><li title="菠蘿">菠蘿</li></div> </ul> 2、$("li").wrapAll("<div></div>");
在所有選中的選擇器最外面新增 <ul>   <div>     <li title="蘋果">蘋果</li>     <li title="橘子">橘子</li>     <li title="菠蘿">菠蘿</li>   </div> </ul> 3、$("li").wrapInner("<div></div>"); 為選擇器的內容新增 <ul>   <li title='蘋果'><div>蘋果</div>
</li>   <li title='橘子'>><div>橘子</div></li>   <li title='菠蘿'>><div>菠蘿</div></li> </ul>