Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.03.2020, 13:46
Аспирант
Отправить личное сообщение для nikoshot Посмотреть профиль Найти все сообщения от nikoshot
 
Регистрация: 16.10.2016
Сообщений: 35

Убрать атрибут только у дочернего эелемента
ПОМОГИТЕ, Ни как не получается сделать..
Нужно по клику на div class="class_variant" добавить класс "new" для button class="buy__btn"
<div class="product-cut__main-info">
   <div class="class_name"></div>
   <div class="class_foto"></div>
   <div class="class_variant"></div>
   <div class="class_price"></div>
   <div class="class_info">
       <button class="buy__btn"></button>
   </div>
</div>

И это только для текущего блока
<div class="product-cut__main-info">...</div>
так как таких блоков много...
Помогите плиз..
Ответить с цитированием
  #2 (permalink)  
Старый 26.03.2020, 14:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

nikoshot,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .new{
      background-color: #008000;
  }

  </style>

  <script>
addEventListener("click", event => {
		const variant = event.target.closest(".class_variant")
		if(!variant) return;
		const parent = variant.closest(".product-cut__main-info");
        const btn = parent.querySelector(".buy__btn");
        btn.classList.add("new");
	});

  </script>
</head>
<body>
<div class="product-cut__main-info">
   <div class="class_name"></div>
   <div class="class_foto"></div>
   <div class="class_variant">variant</div>
   <div class="class_price"></div>
   <div class="class_info">
       <button class="buy__btn">btn</button>
   </div>
</div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 26.03.2020, 14:59
Аспирант
Отправить личное сообщение для nikoshot Посмотреть профиль Найти все сообщения от nikoshot
 
Регистрация: 16.10.2016
Сообщений: 35

Спасибо.. то что нужно)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сменить атрибут у тега img lifecom jQuery 2 03.09.2013 16:52
Элементарный подсчет и калькулятор PashaShulga Общие вопросы Javascript 5 14.03.2012 21:42