Jqueryにノードを追加する

Question

別のdivの前にdivを追加したいと思います。

<div class = "abc">  
    <div class= "asd"> </div> 
    <div class= "asd"> </div> 
    <div class= "asd"> </div> 
    <div class= "new"> </div> 
</div> 

は私が <p> add</p> <div class="new"></div>前を追加しようとしているが、私は$を使用する場合（「新しい」）。pタグはdivの内側に追加され ('<p> </p>')を付加しています。

$('<p>add</p>').insertBefore('.new'); 

https://jsfiddle.net/opjn2wn7/

Answer 1

てみjqueryのinsertBefore()を克服する方法。

$(".new").before("<p>add</p>"); 

Answer 2

利用代わり.before()：この問題に

Answer 3

$('.new').before('<p> add</p>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class = "abc">  
 
    <div class= "asd">1 </div> 
 
    <div class= "asd">2 </div> 
 
    <div class= "asd">3</div> 
 
    <div class= "new">4 </div> 
 
</div>

使用.before()

説明：挿入コンテンツ、マッチした要素の集合内の各要素の前に、パラメータで指定されました。