html - 別の要素の後に要素を追加するにはどうすればよいですか?

Question

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

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

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

そして、それを次のように変更したい:

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

Answer 1

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

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

ドキュメンテーション

Answer 2

試す

.insertAfter()

ここ

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

Answer 3

まず、input要素には終了タグがあってはなりません ( http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : End tag: illegal から)。

after()次に、 , notappend()関数が必要です。