jQuery insertAfter忽略父类型

Question

我正在使用jQuery将按钮插入已有2个相似按钮的div。当这个新按钮显示出自己正确的样式时，父类型不适用于它（例如，div内的所有input元素都被填充掉了。第1个和第2个元素是好的，但是新的元素粘在了第二个按钮）。

如果我使用这个新按钮的确切HTML并将它放在页面上，所有3个按钮都显示正确。

jQuery.insertAfter（）以某种方式导致父类型被忽略？我怎样才能解决这个问题？

Answer 1

如果您已将样式添加到子元素，它应采用相同样式。

这里是演示

$(function() { 
 
    $('<input>', {type:"button", value:"3", class:"btn3"}) 
 
     .insertAfter($(".btn2")); 
 
});

.parent input 
 
{ 
 
    background:#ff0000; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent"> 
 
    <input type="button" value="1" class="btn1" /><input type="button" value="2" class="btn2" /> 
 
</div>