0

введите сюда описание изображенияКак в инструментах разработчика Chrome взять все теги

с некоторым классом и посортировать все в которых находится этот тег по возрастающему порядку в зависимости от числа в теге

с этим классом. И соответсвенно это все было видно в на самой странице после этого. В пример приведен код на картинке. Тег p с числом в нем находится в div с id content0. Не обязательно скидывать полный код к даному примеру,был бы очень благодарен если сказали каким образом это делать!

1 ответ 1

0

function sortElements(selector, resultContainer) {
  const selectedElements = document.querySelectorAll(selector);
  const sortedElements = [...selectedElements].sort((a, b) => Number(a.innerHTML) > Number(b.innerHTML) ? 1 : -1);

  sortedElements.forEach(el => resultContainer.append(el));
}

const resultContainer = document.getElementsByClassName('result')[0];
sortElements(".gas", resultContainer);
<div>
  <div class="nested">
    <div>
      <div class="nested">
        <div class="gas">4</div>
      </div>
    </div>
  </div>
</div>
<div class="gas">25</div>
<div class="gas">7</div>
<div class="gas">2</div>
<div class="gas">8</div>

<div class="result">Results:</div>

9
  • Спасибо большое,очень помогло! А еще вот такой не скромный вопрос, если div в div в котором еще один div но у всех div которые на одном уровне совпадает class можно сделать такую же сортировку используя много раз getElementsByClassName()?
    – user313033
    21 окт 2018 в 16:52
  • Не понял вопроса) лучше новый вопрос, с кодом, потому что "дивы дивировали дивировали да не выдивировали" мне сложно представлять 21 окт 2018 в 21:24
  • Я добавил картинку с кодом и новым описанием вопроса
    – user313033
    23 окт 2018 в 16:35
  • Если класс у целевых элементов одинаковый то никаких проблем не возникнет, какой бы уровень вложенности не был 23 окт 2018 в 17:39
  • Опять же спасибо огромнейшее, помогло разобратся с некоторыми новыми моментами! Но скорее всего я не умею ставить вопрос. Он вырезает все теги с одинаковым класом, сортирует их, и вставляет в новый div. А мне надо,чтоб оно находило тег и сортировало divы которые на 2 ступеня выше в зависимости от числа в том теге, и из даного примера получалось примерно такое
    – user313033
    24 окт 2018 в 18:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.