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

来源:3-4 DOM外部插入insertAfter()与insertBefore()

sfanxi

2018-08-09 12:33

    <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")) ;

    })


写回答 关注

2回答

  • 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")) ;

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

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

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114014 学习 · 590 问题

查看课程

相似问题