Есть следующая ситуация:
На странице ряд кнопок с выезжающим текстом данной структуры:
div1.current_color_class_div > div2 > div3 > button
Задача, чтобы при клике на кнопку button div1
менял цвет(то есть, весь блок целиком).
Т.к. js почти не знаю - не могу придумать адекватного решения. На данный момент использую такой jquery
скрипт:
$(document).ready(function(){
$('.current_color_class_div').click(function () {
$(this).toggleClass('add_target_color_class');
});
});
Но фокусируюсь на div1
, который не является кнопкой. То есть цвет может меняться без срабатывания кнопки, что безусловно баг.
Есть ли возможность сфокусироваться из кнопки на родителя? Чистый js или jQuery
- значения не имеет.