-1

我正在使用 jQuery 将一个按钮插入到一个div已经有 2 个类似按钮的按钮中。虽然这个新按钮以自己正确的样式显示，但父样式并没有应用到它（例如，其中的所有input元素div都被填充了。第一个和第二个元素很好，但是新的元素粘在了第二个按钮上）。

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

jQuery.insertAfter() 是否以某种方式导致父样式被忽略？我怎样才能解决这个问题？

4

1 回答 1

0

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

这是演示

$(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>

于 2015-04-02T06:51:44.047 回答