在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>，但是当我使用$（＆＃39; .new＆＃39;）。prepend ('<p> </p>')时，p标记会在div中添加。如何克服这个问题

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

使用.before()

  

描述：在匹配元素集中的每个元素之前插入由参数指定的内容。

Answer 2

尝试jquery insertBefore()：

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

https://jsfiddle.net/opjn2wn7/

Answer 3

改为使用.before()。

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