问答详情
源自：3-4 DOM外部插入insertAfter()与insertBefore()

.insertBefore( ) 为什么新加的内容没有背景颜色？新加的p标签不应该在<div class = ' aaron' 里面吗？

    <div class="aaron">

        <p class="test1">测试insertBefore,不支持多参数</p>

    </div>

    <script type="text/javascript">

    $("#bt1").on('click', function() {

        //在test1元素前后插入集合中每个匹配的元素

        //不支持多参数

        $('<p style="color:red">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1")) ;

    })


提问者：sfanxi 2018-08-09 12:33

个回答

  • qq_鄧酀鎔_0
    2018-08-10 16:05:30

    执行完点击事件后，p标签跟.test1是兄弟节点关系，只有.test1上有背景色，所以新加的内容没有背景颜色，你要是想让新加的内容有背景颜色，有两种方式：

    1. 在.aaron上添加背景颜色

    2. 在p标签上加.test1 ,eg:

      $('<p style="color:red"  class="test1">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1")) ;

    0
  • 慕虎5078268
    2018-08-09 15:04:24

    可是它的样式只有test的背景颜色啊...

    0