0

посдкажите пожалуйста как зменить $(this).find('.terms__btn').addClass('hover-btn') на нативный js. Заране большое спасибо.

const terms = document.querySelectorAll('.terms');

for (var i = 0; i < terms.length; i ++) {
terms[i].addEventListener('mouseover', function(){
    $(this).find('.terms__btn').addClass('hover-btn');
});

terms[i].addEventListener('mouseleave', function(){
    $(this).find('.terms__btn').removeClass('hover-btn');
});
}
.hover-btn {
  background-color: var(--violet);
}
<div class="terms terms-min">
<span class="terms__title"></span>
<span class="terms__price"><span class="terms__cost"></span><span class="terms__currency"></span></span>
<p class="terms__description">
</p><ul class="terms__list">
<li class="terms__item">123</li>
<li class="terms__item">123</li>
<li class="terms__item">13123</li>
<li class="terms__item">123</li>
<li class="terms__item">123</li>
</ul><p></p>
<div class="terms__button">
<a href="/" class="terms__btn">Заказать</a>
</div>
</div>

1 ответ 1

0
el.currentTarget.querySelector('.terms__btn').classList.add('hover-btn');

и

el.currentTarget.querySelector('.terms__btn').classList.remove('hover-btn');

где el - аргумент колбэк функции, т.е. function(el)

6
  • Спасибо большое за ответ. Подскажите приавильно ли я понял я добавляю в function(el) аргумент и потом el.querySelector('.terms__btn').classList.add('hover-btn') добавляю и удаляю класс по наведению. Но у меня почему-то сыпет ошибка Uncaught TypeError: el.querySelector is not a function Commented 8 июл. 2022 в 7:01
  • el.target или el.currentTarget Commented 8 июл. 2022 в 7:04
  • @WilliamBradley да, чуть ошибся я... el.target.... можно и terms[i] использовать Commented 8 июл. 2022 в 7:10
  • @АлексейШиманский спасибо вам огромне. el.target сыпал тоже ошибку, а el.currentTarget сработал идеально без ошибок. Commented 8 июл. 2022 в 7:19
  • @LaukhinAndrey спасибо большое ! el.currentTarget сработал идельаное. Commented 8 июл. 2022 в 7:20

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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