js\jquery基础知识 --- wrap、wrapall、wrapinner区别

原文

<ul>
    <li title='苹果'>苹果</li>
    <li title='菠萝'>菠萝</li>
</ul>

1、 $('li').wrap('<div></div>')
每一个选择器都添加

<ul>
    <div><li title='苹果'>苹果</li></div>
    <div><li title='菠萝'>菠萝</li></div>
</ul>

2、 $('li').wrapAll('<div></div>')
在所有选中的选择器最外面添加

<ul>
    <div>
        <li title='苹果'>苹果</li>
        <div><li title='菠萝'>菠萝</li>
    </div>
</ul>

3、 $('li').wrapInner('<div></div>')
为选择器的内容添加

<ul>
    <li title='苹果'><div>苹果</div></li>
    <li title='菠萝'><div>菠萝</div></li>
</ul>