javascript - 正しい位置に「div」を挿入するにはどうすればよいですか?

Question

次のような HTML5 ページ構造があります。

<article id="article_id">
  <div></div>
  <div> </div>
  <div> </div>
  <form id="form_id">
    <input id="" onsubmit="submit()"/>
  </form>
</article>

ここで、 div の後、 form の前に新しい divを追加したいと思います。どうすればいいですか？

私が試してみました：

$("#form_id").befor('<div id="div_id" class="block">');
$("#form_id").parent().befor();
$("#form_id").after('<div id="div_id" class="block">'); 

HTML コードは問題なく動作します。

Answer 1

まず、beforeです。次に、引数を渡す必要があります。フォームの前に配置する html。

$("#form_id").before('<div class="block"></div>'); 

デモhttp://jsfiddle.net/uHrKG/1/