內容包裝:jQuery中wrap、wrapAll和wrapInner用法以及區別
阿新 • • 發佈:2019-01-07
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>