Javascript 从元素内部单击时,从父元素中删除该类

Javascript 从元素内部单击时,从父元素中删除该类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图弄清楚,当在元素本身中单击时,如何删除父级上的类。以下面的代码为例。我有一个点击事件,它在父元素或列表元素上添加了一个类。现在,如果我在该元素中创建了一个click事件来删除父元素,那么它将不起作用,因为它位于父元素中 javascript将假定我正在单击父元素,但实际上我正在单击父元素中的某些内容 $'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数{ $'ul li'。删除类'parent-class'

我试图弄清楚,当在元素本身中单击时,如何删除父级上的类。以下面的代码为例。我有一个点击事件,它在父元素或列表元素上添加了一个类。现在,如果我在该元素中创建了一个click事件来删除父元素,那么它将不起作用,因为它位于父元素中

javascript将假定我正在单击父元素,但实际上我正在单击父元素中的某些内容

$'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数{ $'ul li'。删除类'parent-class' } ulli{ 位置:绝对位置; 光标:指针; } 李斯潘{ } 父母亲 删除父类 您需要在span事件处理程序中使用stopPropagation来限制触发其父li click事件

还可以在span事件处理程序中使用$this.parent来获取其特定的li,否则在出现多个li的情况下,它将删除所有li的类

$'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数E{ $this.parent.removeClass'parent-class'; e、 停止传播; } ulli{ 位置:绝对位置; 光标:指针; } .父类{ 边框:1px纯黄色; } 父母亲 删除父类 您需要在span事件处理程序中使用stopPropagation来限制触发其父li click事件

还可以在span事件处理程序中使用$this.parent来获取其特定的li,否则在出现多个li的情况下,它将删除所有li的类

$'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数E{ $this.parent.removeClass'parent-class'; e、 停止传播; } ulli{ 位置:绝对位置; 光标:指针; } .父类{ 边框:1px纯黄色; } 父母亲 删除父类 $'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数E{ e、 停止传播; $'ul li'。删除类'parent-class' } ulli{ 位置:绝对位置; 光标:指针; } ul li span{} 父母亲 删除父类 $'ul li'。单击,函数{ $this.addClass'parent-class' } $'ul li span'。单击,函数E{ e、 停止传播; $'ul li'。删除类'parent-class' } ulli{ 位置:绝对位置; 光标:指针; } ul li span{} 父母亲 删除父类
这是你要找的吗

$ul li.clickfunction{ $this.removeclass你好 } 李{ 颜色:绿色; } 你好{ 颜色:红色; } 父母亲 删除父类
这是你要找的吗

$ul li.clickfunction{ $this.removeclass你好 } 李{ 颜色:绿色; } 你好{ 颜色:红色; } 父母亲 删除父类