问答详情
源自:5-6 DOM包裹wrapInner()方法

.wrapInner( function ) 和.wrapAll( function ) 又有什么区别呢

.wrapInner( function ) 和.wrapAll( function ) 的处理结果都是一样的,又有什么区别呢?

<div>
   <p>p元素</p>
</div>
<div>
   <p>p元素</p>
</div>

提问者:一仁 2016-08-02 12:22

个回答

  • 劫盎
    2016-08-02 13:55:35
    已采纳

    wrapInner()是指将其内部的每个元素包裹(元素内部包裹)

    <p>

        <div>p1</div>

    </p>

    <p>

        <div>p2</div>

    </p>

    wrap()指将其匹配的元素集合中的每个元素包裹(元素外部包裹)

    <div>

        <p>p1</p>

    </div>

    </div>

        <p>p2</p>

    </div>

    wrapAll()指将其匹配的元素集合中的所有元素包裹(元素外部包裹)

    <div>

        <p>p1</p>

        <p>p2</p>

    </div>


  • qq_苏慕遮_24019744
    2016-10-24 16:55:21

    我怎么觉得上面这些人问的什么都没看懂就开始一通分析呢?wrapAll(function())明明和wrap(function)结果一样啊

  • 一仁
    2016-08-02 16:23:39

    谢谢各位了,我知道这三个的区别,但是课程里面代码错了,误导我了,建议改正

  • 驴是的念来过倒
    2016-08-02 14:16:07

    wrapAll是将复数个元素用一个标签包裹起来

    wrapInner是将每个标签的内容用一个标签包裹起来

  • 驴是的念来过倒
    2016-08-02 14:15:21

    wrapAll是将复数个元素用一个标签包裹起来

    wrapInner是将每个标签的内容用一个标签包裹起来

  • sntatas
    2016-08-02 13:31:52

    处理结果是不一样的,wrapAll是将复数个元素用一个标签包裹起来,wrapInner是将每个标签的内容用一个标签包裹起来

    <p>p1</p>

    <p>p2</p>

    $('p').wrapAll('div');

    处理的结果为 

    <div>

        <p>p1</p>

        <p>p2</p>

    </div>

    $('p').wrapInner('div');

    处理的结果为

    <p><div>p1</div></p>

    <p><div>p2</div></p>