                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

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

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

</div>

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

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

//不支持多参数

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

})

sfanxi

2018-08-09

源自：jQuery基础(二)—DOM篇 3-4

关注问题我要回答

1166

操作

收起

2 回答

qq_鄧酀鎔_0
2018-08-10

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

在.aaron上添加背景颜色
在p标签上加.test1 ,eg:
$('<p style="color:red" class="test1">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1")) ;