将类添加到子元素但不添加到父元素

用户自定义

我想一次将一个类添加到一个元素。该元素可以是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>
安德烈·沃尔克(Andrey Volk)

我认为您的问题出在“冒泡”中。
这是对这种“气泡”魔术如何工作的很好的解释。
“冒泡和捕获”文章:http : //javascript.info/tutorial/bubbling-and-capturing

您的解决方案是return false;在点击处理程序的末尾停止使用“冒泡”

$(".element").on("click", function() {
    $(this).addClass("active"); 
    return false;
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将类添加到父元素

来自分类Dev

使用javascript将子元素添加到父元素

来自分类Dev

将点击事件添加到元素,但不将其子元素添加到角

来自分类Dev

将类(悬停时)添加到目标池中,但不添加到悬停的元素上

来自分类Dev

根据URL将活动类添加到父元素

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将类添加到 CKEditor 中的特定父元素

来自分类Dev

将类添加到父跨度元素 jquery

来自分类Dev

将元素添加到子列表

来自分类Dev

将子元素添加到XML

来自分类Dev

将类添加到erb元素

来自分类Dev

将类添加到后续元素

来自分类Dev

无法将类添加到元素

来自分类Dev

将类添加到槽元素 (?)

来自分类Dev

如何使用JavaScript将类添加到父级的子级元素

来自分类Dev

将实例元素添加到实例化的父元素

来自分类Dev

提取子元素并将父字段添加到其中

来自分类Dev

如何将子元素添加到父元素,但前提是尚不存在?

来自分类Dev

lxml:将多个混合内容(文本+元素)子节点添加到父元素

来自分类Dev

如何将父元素名称添加到子元素

来自分类Dev

使用 Powershell 将子元素添加到 XML 元素

来自分类Dev

将类添加到所选元素之外的元素

来自分类Dev

将类添加到动态添加的元素

来自分类Dev

将类添加到动态添加的元素

来自分类Dev

将元素添加到代码父级

来自分类Dev

仅当子容器具有内容时,才如何将类添加到特定的父元素

来自分类Dev

如何将子节点添加到父节点,而不必跳到加载元素的位置?

来自分类Dev

将子最大宽度添加到父元素时出现问题

来自分类Dev

类未添加到元素