Jquery 如何在页面刷新时随机更改4个div中的3个div的顺序

我有下面的代码

<div class="allContent">
    <div class="content"></div>
    <div id="headline"></div>
    <div class="content"></div>
    <div class="content"></div>
</div>

<script>
    $(".allContent").html($(".allContent .content").sort(function(){
        return Math.random()-0.5;
    }));
</script>

$（“.allContent”）.html（$（“.allContent.content”）.sort（函数（）{
返回Math.random（）-0.5；
}));

---

我随机改变了内容的顺序，但是标题消失了。我想保持标题的位置不变，达到同样的效果。有人能帮我写代码吗？

您可以附加/前置元素，而不是使用

.html（）

替换所有元素

根据您提供的代码，这应该可以：

$(".allContent").append($(".allContent .content").sort(function () {
    return Math.random() - 0.5;
}));

这样做时，标题将始终是第一个元素（因为附加了其他元素）

$（.allContent”）.append（$（.allContent.content”）.sort（函数（）{
返回Math.random（）-0.5；
}));

A.
B
C
D
我想将标题保持在同一位置，所以无论第一次刷新后都是每次刷新。可能吗@乔什·克罗泽@二宮耕太郎 您看到最后一个示例了吗？对不起，当我第一次刷新它时，它移动了。谢谢大家!@二宮耕太郎 如果标题的位置发生变化，您也可以使用-