JQUERY在兄弟之前附加数据

Question

我有这个HTML代码

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

在我的jquery中，我试图追加

<div class='headchat'>

</div>

在chatp内，但它会在chatpart之后附加，这就是发生的事情

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

                </div>

                <div class='headchat'>

               </div>
        </div>

我想要的是

        <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 prepend函数$

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