Ребят, приветствую. Только знакомлюсь с jQuery и столкнулся с примитивной задачей. Как сделать так, чтобы при клике, событие было на внутреннем элементе, если классы совпадают с родителем.
$('.element').on('click', function(e) {
console.log(1);
});
.element {
min-width: 50px;
min-height: 50px;
padding: 25px;
}
.el-parent {
background-color: #444;
}
.el-child {
background-color: #999;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element el-parent">
<div class="element el-child">
click me
</div>
</div>
Если кликнуть на внутренний элемент, то консоль возвращает 2 единицы. То есть клик на внешний элемент тоже срабатывает. Пожалуйста, поясните, как правильно решить эту задачу(именно по классу элемент). Заранее спасибо. Всем хорошего дня =)
e.stopPropagation();
- предотвращает дальнейшее всплытие события. Тогда срабатывать будет только для нужного вам элемента.