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/