首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >单击anywhere上的单选按钮“删除类”

单击anywhere上的单选按钮“删除类”
EN

Stack Overflow用户
提问于 2021-07-27 20:36:09
回答 2查看 66关注 0票数 0

我想从其他单选按钮中删除类,当我使用jQuery(在氧气生成器中使用)单击另一节中的单选按钮时。

代码语言:javascript
运行
复制
jQuery(document).ready(function(){
  jQuery("div").click(function(){   
    jQuery("div.volba-1-1 div, div.volba-1-2 div, div.volba-1-3 div").removeClass("ff_item_selected");
  });
});

这对我来说很好,但是如果我点击其他地方,单选按钮仍然被选中,但是类被删除了。有人帮我吗?

看到我问题的网站:在这里输入链接描述

图像描述

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-07-28 04:00:50

我真的不明白这个问题,但是您应该只对单选按钮使用单击事件,而不是对页面的每个div使用。这一行造成了不想要的行为:

代码语言:javascript
运行
复制
jQuery("div").click(function(){   

如果您的页面上还有其他div,然后单击它,您的函数将被触发。该函数只应在单击单选按钮时触发,您可以通过使用公共类和其他方式轻松地对这些按钮进行分组。那么您的函数应该如下所示:

代码语言:javascript
运行
复制
$("div.commonClass").click(function(){

假设他们都有这个"commonClass“类。

票数 0
EN

Stack Overflow用户

发布于 2021-07-30 20:10:28

我真的不明白这个问题,但是您应该只对单选按钮使用单击事件,而不是对页面的每个div使用。这一行造成了不想要的行为:

代码语言:javascript
运行
复制
jQuery("div").click(function(){   

如果您的页面上还有其他div,然后单击它,您的函数将被触发。该函数只应在单击单选按钮时触发,您可以通过使用公共类和其他方式轻松地对这些按钮进行分组。那么您的函数应该如下所示:

代码语言:javascript
运行
复制
$("div.commonClass").click(function(){

假设他们都有这个"commonClass“类。

编辑:

首先,您需要使您想要的div成员成为一个公共类:

代码语言:javascript
运行
复制
<div class="commonClass someOtherClass"> //first div
<div class="commonClass"> //2nd div
//and so on!! just add "commonClass" to these div's

然后在您的JQuery代码中:

代码语言:javascript
运行
复制
$("div.commonClass").click(function(){
    $("div.commonClass").removeClass("ff_item_selected"); 
    //this line will remove ff_item_selected class from all your divs (the ones who are members of commonClass)
    
    $(this).addClass("ff_item_selected");
    //this line will add the ff_item_selected class only to the item that was clicked.
});

就这样!!对于这2行,您将始终只使用类ff_item_selected的选定项。在JQuery中编码时,$(this)关键字将对您有很大帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68551469

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档