How To Append The Div Before The Div Using Jquery?

How can I append the div or html element before the specified div id? <== Here I want to insert the New div tag (

test

) Div1 Div1 End I tried to

Solution 1:

You can use before().

Insert content, specified by the parameter, before each element in the set of matched elements

$('#div1').before('<div id="tt">test</div>');

#div1 {
  width: 100px;
  height: 100px;
  background: red;
}
#tt {
  color: green;
}

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script><divid="div1">Div 1</div>