Предоставление узла в 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> </p>') р тег добавления внутри DIV. Как преодолеть эту проблему

Answer 1

Try JQuery insertBefore():

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

https://jsfiddle.net/opjn2wn7/

Answer 2

Используйте .before() вместо этого.

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

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()

Описание: Содержание Вставка, заданное параметром, перед каждым элементом в наборе соответствующих элементов.