Как я могу отсортировать неупорядоченный список кнопок по алфавиту без изменения внешнего вида?
поэтому у меня есть неупорядоченный список кнопок. это относительно длинный список, и он отсортирован по некоторым из них:
display:flex; flex-flow:row wrap; justify-content:space-between;
Есть ли способ заставить все эти кнопки сортироваться по алфавиту с помощью javascript и сохранить их первоначальный вид (не делая их похожими на список)?
@Barmar, потому что кнопки сортировки работают только тогда, когда кнопки помещаются внутри <li>, что делает их упорядоченными.
—
06.05.2022 02:01
Вы можете поместить кнопки внутрь <div>
—
06.05.2022 02:01
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
25
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Поместите кнопки в div. Создайте массив кнопок, отсортируйте массив, а затем поместите их обратно в div в отсортированном порядке.
let div = document.getElementById('id-of-div');
let buttons = Array.from(div.children);
buttons.sort((a, b) => a.localeCompare(b))
div.innerHTML = '';
buttons.forEach(b => div.appendChild(b));
Другие вопросы по теме
Как разделить один список с помощью CSS
Как сбросить все другие вложенные данные внутри родителя onclick Alpine.js
Извлечь определенную строку с веб-страницы с помощью Beautiful Soup
Невозможно выделить поля и значения курсивом в html/jinja2
Проблема с фоновым изображением css и шрифтами с хостингом
Как расположить эти div друг над другом
Трудности с центрированием элементов Navbar UL по вертикали
Отображение сетки css, которое размещает как можно больше элементов div в строке
Очистить старые результаты перед загрузкой новых результатов запроса в javascript
Как создать нечетный/четный цветной список с модулем в Javascript?
Похожие вопросы
Сценарий приложения Google Sheet: сопоставьте значения 1 с одного листа на другой лист, а затем, если условие выполнено, установите фон
Нужна помощь в создании функции, которая принимает int N и создает массив из N элементов. Каждый элемент должен быть половиной предыдущего элемента, начиная с 1
Массив массивов в JavaScript. Замена для querySnapshot.forEach
Как сделать собственный узор из выделения в Photoshop?
Как получить ввод текста с помощью Sweet Alert [решено]
Остановить зацикливание звука с помощью javascript, но завершить итерацию воспроизведения
Мой код работает, только если блоки расположены в определенном порядке
Как сбросить все другие вложенные данные внутри родителя onclick Alpine.js
Мое внешнее приложение React JS зависает всякий раз, когда я пытаюсь ввести новое значение с помощью Firebase
Как перебирать вложенные объекты и комбинировать ключ и значение?
Почему их сортировка меняет их внешний вид?