JQUERY兄弟

Question

我有這個網站碼

 <div class="chatp"> 
       <div class="chatpart"> 
       </div> 
     </div> 

而且在我的jQuery我試圖追加

<div class='headchat'> 

</div> 

裏面chatp但chatpart後追加它，這裏是發生了什麼之前追加數據我想要的是

 <div class="chatp"> 
       <div class='headchat'> 

       </div> 
       <div class="chatpart"> 

       </div> 
     </div> 

Answer 1

您可以使用prepend在start中追加。

將由參數指定的內容插入匹配元素集合中每個元素的開始位置。

參考：https://api.jquery.com/prepend/

例子：

<div class="chatp"> 
      <div class="chatpart"> 
      </div> 
    </div> 

<script> 
    $('.chatp').prepend('<div class="headchat"></div>'); 
</script> 

Answer 2

使用jQuery前置功能$

$(".chatp").prepend("<div class='headchat'> </div");