Превратить в объект с элементами

21 августа 2021, 04:10

Есть код, надо переписать его в объект чтобы потом по нему пробегать циклом и вызывать selectItem.Какой он должен иметь вид

$(function() { 
  $(".letters").click(function() { 
    $('.code-pick').addClass("block"); 
  }); 
  $('.code').click(function() { 
    $('.code-select').addClass("block"); 
  }); 
  $('.month').click(function() { 
    $('.apply-none').addClass("block"); 
  }) 
  $('.long-code').click(function() { 
    $('.month-pick').addClass("block"); 
  }); 
}); 
 
function selectItem(el) { //rename 
  el.addClass('block'); 
}

Answer 1

const baz = el => { 
  el.classList.add('block'); 
} 
 
[...document.querySelectorAll('[data-widget="foo"]')].forEach(node => { 
  baz(node); 
});

.block { 
  background: red; 
}

<div class="code" data-widget="foo">1</div> 
<div class="letter" data-widget="foo">2</div> 
<div class="work" data-widget="foo">3</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

SVG Как зациклить анимацию волн

315

CSS

Один и тот же background для header и следующей section

Задача: для header и секции, следующей за ним, нужно задать один backgroundPosition:absolute; для header ситуацию не исправил

202

CSS

скругление углов для изображения

Сразу к делу,вот скриншот моей верстки:

138

CSS

onClick запись значения ссылки

Как сделать чтобы при выборе кода, через onclick прокидывалось значение в функцию и записывалось значение в переменную

130