Как обратится к блоку по порядковому номеру?

Question

Grep1 @Grep1

JavaScript

Как обратится к блоку по порядковому номеру?

Есть 2 блока, в 1 кнопки, в другом спрятанное содержимое. Как можно обратиться к блоку li(ul с классом block) на чистом js по порядковому номеру. Допустим если нажата 1 кнопка, то обратиться к первому блоку и т.д

<ul class="button">
	<li><button></button></li>
	<li><button></button></li>
	<li><button></button></li>
	<li><button></button></li>
</ul>
<div>
	<ul class="block">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>	
</div>

Вопрос задан более трёх лет назад
226 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Человек написал про табы, посмотри их функционал, как раз то что тебе нужно, при нажатии на кнопку показывает определенный блок

Answer 1 · 2020-07-20 11:42:04

let clicked_bnt = document.querySelectorAll('.button>li');
let selected_li = document.querySelectorAll('.block>li');
for (let i = clicked_bnt.length - 1; i >= 0; i--) {
clicked_bnt[i].addEventListener('click', function(y){
selected_li[i].style.textShadow = "2px 0px 5px #FF0000";
});
}

Как обратится к блоку по порядковому номеру?

Войдите на сайт