Как изменить только один элемент?

Question

[manfi31]

Допустим есть 10 элементов с одинаковым классом которые имеют свойство "display: none;" нужно что бы при нажатии на кнопку показать, один из этих элементов менялся на "display: block;"

Я сделал это через js но при нажатии на показать открываются все, как мне сделать так что бы открывался только тот который я выбрал ?

Comments

[profesor08]

Без примера твоих проб и ошибок, дать вразумительный ответ затруднительно.

[manfi31]

profesor08, я отредактировал вопрос

Answer 1

[Никита Егоров]

https://jsfiddle.net/Svupol/w2g3f9ys/14/

const elements = document.getElementsByClassName('test')

Array.from(elements).forEach(element => {
    element.addEventListener('click', () => {
         element.style.backgroundColor = 'red'
    })
})

Answer 2

[Stalker_RED]

Не совсем понятно как вы будете кликать по невидимым элементам (display:none), но предположим.

$('.class').on('click', function(){
  $(this).show()
})

Comments

[Ирина]

ахаха, точно замечено ("как вы будете кликать по невидимым элементам")

Answer 3

[profesor08]

Показываем пятый элемент.

document.querySelector(".button").addEventListener("click", function() {
  document.querySelector(".some-class:nth-child(5)").style.display="block";
});