我想一次将一个类添加到一个元素。该元素可以是click事件也应用于其的父元素的子元素。什么是将类仅添加到子元素而不添加到父元素的最佳方法。这是一个示例,单击子div并看到该类也已添加到所有父元素中。我可以想到几种方法来做到这一点,但我想确保Im使用最佳解决方案。基本上,我希望仅将类添加到所单击的元素中,而不管其父级是否与同一个类相同。
http://codepen.io/anon/pen/aiGJb
<div id="parent" class="element">
<div id="child" class="element">
<div id="childdd" class="element"></div>
</div>
</div>
我认为您的问题出在“冒泡”中。
这是对这种“气泡”魔术如何工作的很好的解释。
“冒泡和捕获”文章:http : //javascript.info/tutorial/bubbling-and-capturing
您的解决方案是return false;
在点击处理程序的末尾停止使用“冒泡” :
$(".element").on("click", function() {
$(this).addClass("active");
return false;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句