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>