如何在正确的位置插入“div”？

Question

我有一个像这样的HTML5页面结构：

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

现在我想在div 之后添加一个新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>'); 

demo http://jsfiddle.net/uHrKG/1/