-1

divjQueryを使用して、すでに2つの同様のボタンがあるボタンを挿入しています。この新しいボタンは独自の正しいスタイルで表示されますが、親スタイルは適用されません (たとえば、input内のすべての要素divがパディングされます。1 番目と 2 番目の要素は適切ですが、新しい要素は 2 番目のボタンに接着されます)。 ）。

この新しいボタンの正確な 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 に答える