jQuery insertAfter忽略父样式

jQuery insertAfter忽略父样式,jquery,insertafter,Jquery,Insertafter,我使用jQuery将一个按钮插入到已经有两个类似按钮的div。虽然此新按钮显示其自身的正确样式,但父样式不会应用于它(例如,div中的所有input元素都被填充掉。第一个和第二个元素很好,但新的元素粘在第二个按钮上) 如果我把这个新按钮的确切HTML放在页面上,所有3个按钮都会正确显示 jQuery.insertAfter()是否导致忽略父样式?如何修复此问题?如果已将样式添加到子元素,则应采用相同的样式 这是演示 $(函数(){ $('',{type:“button”,value:“3”,c

我使用jQuery将一个按钮插入到已经有两个类似按钮的
div
。虽然此新按钮显示其自身的正确样式,但父样式不会应用于它(例如,
div
中的所有
input
元素都被填充掉。第一个和第二个元素很好,但新的元素粘在第二个按钮上)

如果我把这个新按钮的确切HTML放在页面上,所有3个按钮都会正确显示


jQuery.insertAfter()是否导致忽略父样式?如何修复此问题?

如果已将样式添加到子元素,则应采用相同的样式

这是演示

$(函数(){
$('',{type:“button”,value:“3”,class:“btn3”})
.insertAfter($(“.btn2”);
});
。父输入
{
背景:#ff0000;
}

您如何应用父样式,是否可以共享代码片段?