0

Подскажите пожалуйста, как убрать border у всех div кроме нажатого?

function check(number) {
document.getElementById('divstol['+number+']').style.border = '3px solid #9C27B0';
}
.divk {
  width: 125px;
  height: 125px;
  background: #fff;
  border: 1px solid #ced4da;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 10px;
}
<div id="divstol[1]" class="divk" onclick="check(1)">
  1
</div>
<div id="divstol[2]" class="divk" onclick="check(2)">
  2
</div>
<div id="divstol[3]" class="divk" onclick="check(3)">
  3
</div>

0

1 ответ 1

1

Вот так например:

function check(number) {
  [].slice.call(document.querySelectorAll('.divk')).forEach(function(el) {
    el.style.border = '1px solid #ced4da';
  })
  document.getElementById('divstol['+number+']').style.border = '3px solid #9C27B0';
}
.divk {
  width: 125px;
  height: 125px;
  background: #fff;
  border: 1px solid #ced4da;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 10px;
}
<div id="divstol[1]" class="divk" onclick="check(1)">
  1
</div>
<div id="divstol[2]" class="divk" onclick="check(2)">
  2
</div>
<div id="divstol[3]" class="divk" onclick="check(3)">
  3
</div>

3
  • Тогда border в 1px добавляется ко всем div элементам на странице
    – Vladislav
    4 мар 2019 в 10:28
  • @Vladislav заменил код 4 мар 2019 в 10:29
  • Спасибо большое, работает.
    – Vladislav
    4 мар 2019 в 10:59

Ваш ответ

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.