Javascript-форум - сортировка div class=s1/s0 через JQ

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - сортировка div class=s1/s0 через JQ (https://javascript.ru/forum/jquery/84959-sortirovka-div-class%3Ds1-s0-cherez-jq.html)

сортировка div class=s1/s0 через JQ

есть вывод вот таких блоков

<div class="row gx-2 gy-2 sortx">'

<div class="col-2 s1"></div>
<div class="col-2 s0"></div>
<div class="col-2 s1"></div>
<div class="col-2 s0"></div>
<div class="col-2 s0"></div>
<div class="col-2 s1"></div>
<div class="col-2 s1"></div>
<div class="col-2 s0"></div>

</div>

как на JQ или чистом JS сделать пересборку этого блока row gx-2 gy-2 sortx

чтобы внутри сначала были записи

<div class="col-2 s0"></div>
<div class="col-2 s0"></div>
<div class="col-2 s0"></div>
<div class="col-2 s0"></div>
<div class="col-2 s0"></div>

потом

<div class="col-2 s1"></div>
<div class="col-2 s1"></div>
<div class="col-2 s1"></div>
<div class="col-2 s1"></div>

т.е сделать сортировку по class s0/s1

ufaclub,

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .s1 {
            background-color: #1E90FF;
        }
        .s0 {
            background-color: #3CB371;
        }
        .col-2 {
            height: 15px;
            margin: 4px;
        }
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            let sort = document.querySelector(".sortx");
            sort.append(...sort.querySelectorAll(".s1"))
        })
    </script>
</head>
<body>
    <div class="row gx-2 gy-2 sortx">
        <div class="col-2 s1"></div>
        <div class="col-2 s0"></div>
        <div class="col-2 s1"></div>
        <div class="col-2 s0"></div>
        <div class="col-2 s0"></div>
        <div class="col-2 s1"></div>
        <div class="col-2 s1"></div>
        <div class="col-2 s0"></div>
    </div>
</body>
</html>

спасибо большое! :)