@absoluteST

Как сделать порядковый номер для соседа снизу?

Добрый день, я недавно начал изучать js, есть задачка которую нужно решить, но у меня не хватает опыта и я не нашёл работающего для меня решения моей проблемы, пытался сделать с помощью nextElementSibling, увы ничего.
Сама задача: для элемента #elem, найдите его соседа снизу и добавьте ему в начало порядковый номер.
<ul>
	<li>text</li>
	<li>text</li>
	<li id="elem">text</li>
	<li>text</li>
	<li>text</li>
</ul>

Я пробовал, но у меня ничего не получается.
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const elem = document.querySelector('#elem').nextElementSibling;
if (elem) {
  const index = [...elem.parentNode.children].indexOf(elem);
  elem.innerText = (index + 1) + '. ' + elem.innerText;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Absolute138
document.querySelectorAll('ul > li').forEach((el, i)=>{
  if(el.id == 'elem'){ 
      el.nextElementSibling.prepend(i+2 + '. ');
      return false;
  }
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
02 дек. 2020, в 10:07
10000 руб./за проект
02 дек. 2020, в 09:07
1400 руб./за проект