web-dev-qa-db-ja.com

jQuery：別の要素の後に要素を追加

特定のテキストボックスがあり、その後にdivを追加します。 .append()関数を試しましたが、それは要素にdivを追加するだけです。

例えば、私は持っています：

<input type="text" id="bla" />

それを次のように変更したいと思います。

<input type="text" id="bla" /><div id="space"></div>
jqueryhtmlappendinsertafterjquery-after
159
skerit

after()メソッドを使用してみてください。

$('#bla').after('<div id="space"></div>');

ドキュメント

269
Rowan

試してみる

.insertAfter()

ここに

$(content).insertAfter('#bla');
34
Rifat

まず、input要素には終了タグを付けないでください（from http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT ：終了タグ：禁止）。

次に、after()関数ではなく、 append() が必要です。

6
naivists

解決されたjQuery：別の要素の後に要素を追加

<script>
$( "p" ).append( "<strong>Hello</strong>" );
</script>

または

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href='http://#'>Continue Shopping</a>" );
});
</script>
0
Ashar Zafar