Question

我正在使用jQuery将按钮插入已有2个相似按钮的div。虽然这个新按钮显示有自己正确的样式，但父样式不会应用于它（例如input中的所有div元素都被填充。第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>

jQuery insertAfter忽略父样式

1 个答案: