javascript - 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 中。

Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.

引用:https://api.jquery.com/prepend/

示例:

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

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