CODEWITHSUNDEEP
javascriptjqueryhtml
Shahzeb Khan
Shahzeb Khan

Reputation: 3642

How can I inserting a "div" at the right position?

I have an HTML5 page structure like this:

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

Now I want to add a new div after div and before form. How should I do it?

I have tried:

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

The HTML code works fine.

Upvotes: 0

Views: 52

Answers (1)

Esailija
Esailija

Reputation: 140228

First of all, it's before. Secondly, you must pass an argument to it. The html that you will put before the form.

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

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

Upvotes: 1

Related Questions