问答详情
源自：5-3 DOM包裹wrap()方法

元素的父容器本来不是也有div吗？

<div class="right">

        <p>p元素</p>

        <p>p元素</p>

    </div>

    <div class="left">

        <a>a元素</a>

        <a>a元素</a>

    </div>

    <script type="text/javascript">

    $(".aaron1").on('click', function() {

        //给所有p元素，增加父容器div

        $('p').wrap('<div></div>')

    })

一开始元素p不是也有父容器div么？怎么没有样式跑出来，而后面wrap之后才跑出来样式，原本的div和wrap的div不是同一样吗？

提问者：慕粉3804975 2016-12-27 11:22

个回答

  • qq_丿蓝如樱乀_04182026
    2016-12-29 16:26:53
    已采纳

    原本的div和wrap的div设的样式不一样的，设的样式 .right div { background: yellow; }，意思是设置样式名为right的div元素下面的div子元素的背景颜色为yellow，原本的div样式名就为right，而wrap的div就是原本div的子元素。你看过子元素选择器的话应该会一清二楚的了。


    2
  • 慕粉3804975
    2016-12-27 14:07:15

      <div class="left">

            <a>a元素</a>

            <a>a元素</a>

        </div>

    我的意思是这里，后面的闭合标签只是我没发全出来

    0
  • 慕粉3664710
    2016-12-27 13:47:23

    有没有写闭合标签呢

    0