Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.02.2023, 12:45
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

сортировка 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
Ответить с цитированием
  #2 (permalink)  
Старый 16.02.2023, 12:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием
  #3 (permalink)  
Старый 16.02.2023, 21:18
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

спасибо большое!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрыть DIV при клике в нем на ссылку или баннер xavibeat Общие вопросы Javascript 1 30.03.2016 20:41
При клике ссылки, открыть DIV блок, надо сделать через class ProtSport94 Общие вопросы Javascript 3 11.11.2015 13:26
Как указать размер div через javascript? Сергей5739 Элементы интерфейса 1 26.07.2015 14:16
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34
Не получается загрузить баннер в раздел DIV методами Javascript через iframe ((( autobuh Общие вопросы Javascript 3 24.07.2009 19:24