切换类并从所有其他元素中删除类

2024-01-11

如何切换类并从所有其他元素中删除类? 考虑一个包含标签的 div: html:

<div class="size">
   <a href="">blahblah</a>
   <a href="">blahblah</a>
</div>

jQuery:

 $(".size a").click(function(){
 $(this).toggleClass('checked');
 if($(".size a").hasClass('checked')){
     $(this).removeClass('checked');
  }
 })

我想将类“cheched”添加到元素中,并从具有类“checked”的其他元素中删除类“ckeched”。我的代码删除所有类。如何通过单击添加特定类并删除其他元素的类? 提前致谢


这样就可以了

 $(".size a").click(function(){
    $('.size a.checked').not(this).removeClass('checked');
    $(this).toggleClass('checked');
 })

Update

或者你可以这样做

 $(".size").on('click','a', function(){
    $(this).toggleClass('checked').siblings().removeClass('checked');
 })
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

切换类并从所有其他元素中删除类 的相关文章

  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • 数字和小数的输入掩码

    在测试我的程序后 我发现了以下错误 我在 sqlserver 中的表包含 价格数字 6 2 我的程序的用户输入价格 555 00 就很好了 但是当他输入 555555 时 这是错误的 所以我需要指定掩码 其中尾数是可选的 0 到 999 小
  • Yii 使用 ajax 进行分页

    我需要使用ajax启用分页 我的代码 控制器 更新内容ajax function actionIndex dataProvider new CActiveDataProvider News array pagination gt array
  • Jquery:选择器找不到类?

    我正在尝试推进 Jquery autcomplete 功能 我希望 Jquery 自动完成在表中创建新行 到目前为止 这有效 但我希望 Jquery 添加一个删除按钮 因此用户可以删除他添加的项目之一 document ready func
  • 两个 OnClick 事件重叠

    我在元素内有一个元素 当我单击下面的元素时 我希望打开滑块 当我单击最外面的元素时 我希望滑块关闭 不幸的是 当我单击最外面的元素时 它也会单击下面的元素 有没有办法只单击最外面的元素而忽略下面元素的单击 这些事件在单击时触发并使用 Jav
  • jquery验证-等待远程检查完成

    当我打电话时 form valid 我连接了远程验证检查 一切正常 但是如果所有其他字段都有效 则表单会通过验证 因为远程检查没有 足够快 返回响应 有没有办法强制 jquery 验证等待任何远程检查完成或挂钩远程检查调用的完成事件 我目前
  • jquery datatable ajax 无数据可用 mvc

    我有一张桌子是在 document ready功能 我还使用 jQuery DataTables 插件 由于某种原因 当页面加载时 ajax 调用控制器并返回数据并将其设置为我的网格所有获取的数据 但是尽管所有数据都加载到数据表中 但仍获取
  • 简单模式对话框中链接的 Tab 键顺序

    我正在使用优秀的 jquery simplemodal 对话框插件来显示项目列表 这些项目包含超链接 除了模式对话框中的链接不会作为选项卡顺序的一部分出现之外 一切都很好 我尝试显式设置 tabindex 但由于某种原因 只有输入元素按 T
  • 删除数据表列中的额外填充

    你好 我创建了 JQuery DataTables 如下所示 所以我的问题是如何删除 图片 列中过多的填充 这就是我初始化表的方式 violators tbl DataTable aoColumnDefs bSortable false a
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 删除某个类之后的所有类

    我有一个 lt div id thisdiv class class1 class2 class3 class4 class5 gt text lt div gt 我需要能够使用 jQuery 删除 class3 之后的所有类 就像是 th
  • 可以使用 jQuery 或 Javascript 将图片的特定部分用作链接吗?

    我有这个想法 将图片 而不是文本 的各个部分链接到不同的页面或网站 并且我想在不实际创建不同的照片并将它们彼此靠近的情况下完成 这样看起来就像是一张完整的图片 这里有人知道如何使用 JavaScript 的变体 例如 jQuery 或纯 J
  • Jquery/Javascript 上传和下载文件,无需后端

    是否可以在没有后端服务器的情况下在 JavaScript 函数中下载和上传文件 我需要导出和导入由 JavaScript 函数生成的 XML 我想创建按钮 保存 xml 来保存文件 但我不知道是否可行 另一方面 我希望将 XML 文件直接上
  • jQuery Mobile 表单验证

    我有一个移动网站 除了验证之外一切都工作正常 基本上我希望从用户那里获取值 然后在单独的页面 process php 上处理它们 但是 在这样做之前 我需要检查以确保字段已填充 我已经研究了几种方法来做到这一点 但似乎没有一种有效 我现在有
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 如何使用 JQuery 动态排序

    如果我有一个下拉列表和一个列表框 有没有办法使用 JQuery 根据下拉列表对列表框进行排序 举个例子会很有帮助 这会改变下拉菜单中的顺序 您必须根据自己的标准设置顺序
  • FireFox 中的自动滚动

    我的应用程序是实时聊天 我有一个 Div 来包装消息 每条消息都是一个 div 所以 在几条消息之后 我的 DOM 看起来像这样 div div Message number two div div div div
  • 如何更改此 jquery 插件的时区/时间戳?

    我正在使用这个名为 timeago 的插件 在这里找到 timeago yarp com 它工作得很好 只是它在似乎不同的时区运行 我住在美国东部 费城时区 当我将准确的 EST 时间放入 timeago 插件时 比如 2011 05 28
  • JQuery 图像上传不适用于未来的活动

    我希望我的用户可以通过帖子上传图像 因此 每个回复表单都有一个上传表单 用户可以通过单击上传按钮上传图像 然后单击提交来提交帖子 现在我的上传表单可以上传第一个回复的图像 但第二个回复的上传不起作用 我的提交过程 Ajax 在 php 提交
  • Javascript/Jquery:确定用户是否使用鼠标滚轮、滚动条或键盘滚动

    我正在尝试让用户界面正常工作 如果他们使用鼠标滚轮 我需要让它以一种方式滚动 如果他们使用滚动条 我需要让它以另一种方式滚动 如果他们使用键盘 我需要让它以另一种方式滚动 我相信滚轮和滚动条都充当鼠标事件 但是当单击滚动条时我无法让 jav

随机推荐

  • QListView 中的 QT4 QstringListModel

    这是我的第一个 QT 问题 我通常是一名 C 程序员 所以请原谅我问了一个愚蠢的问题 我确信有一个非常简单的答案 但我似乎找不到 我想将项目添加到列表中 目前我们假设它们是字符串 我有一个 QListView UI gt listView
  • volley 库中出现 OutOFMemory 错误

    这就是我正在做的 首先进入自定义适配器的构造函数 我初始化了图像缓存和图像加载器 imageCache new BitmapLruCache mImageLoader new ImageLoader newRequestQueue cont
  • KnockoutJS 使用映射插件订阅属性更改

    无论如何 我可以告诉淘汰映射插件订阅所有属性更改调用某个函数吗 我意识到我可以通过这种方式手动订阅属性更改事件 var viewModel name ko observable foo subscribe manually here vie
  • Spring Security 引起:org.springframework.security.config.annotation.AlreadyBuiltException:该对象已被构建

    在我的 Spring Boot 应用程序中 当我在注入 UserDetailService 实现类的服务层类上添加 PreAuthorize hasAuthority ADMIN 时 出现错误 此对象已构建 如果我应用方法安全性 在任何其他
  • IntelliJ 15 与 QueryDSL 和 Gradle

    我在 IntelliJ 15 中有一个使用 gradle 2 3 和 QueryDSL 4 1 3 的 Spring boot 1 4 项目 该项目无法构建 因为我的实体没有被 Querydsl 构建到 Q 类中 我有以下内容 builds
  • MVC 表单模型为复杂对象集合返回 null

    我有一个包含 4 行 移动设备 工作 单元格 电子邮件 和 5 个以上列的表格 当我发布时 我没有取回任何数据 我可以重构代码以使其正常工作吗 Model public class ContactInfoViewModel public s
  • free() 不释放嵌入式 Linux 中的内存。

    我在嵌入式 Linux 中使用 malloc 分配了内存 大约 10 MB 检查可用内存为 67080 kB 但即使使用 free 释放它后 它仍然保持不变 只有在应用程序终止后 内存才再次可用 free 是否不会使释放的内存可供系统使用
  • mysql 查询 PHP:我想将特定项目放在第一位,然后对其余项目进行排序

    我有下表 id car name owner 1 Toyota Jan 2 Ford Mike 3 Isuzu Andrew 4 BMW Jan 5 Ferrari Steve 6 Audi Jan 7 Benz Klark 8 Hyund
  • 将 MS Sql 结果设置为变量并重用它

    目前我的代码是这样的 select from tblReq where ReqID in select ReqID from tblLog where LogDate gt 2015 04 01 and LogDate lt 2015 05
  • F#(或.NET 库)的统计功能

    从事统计工作的人是否可以用 F 代替他的专业程序 我主要考虑SAS SPSS F 中有对它的本机支持吗 我不是在谈论标准差之类的琐碎事情 而是例如项目响应建模 更新 不要让项目响应模型让你失望 我什至不知道 只是我知道他们使用 SPSS 所
  • JavaScript 中的反向事件冒泡

    如您所知 事件通常在 JavaScript 中冒泡 因此首先执行触发事件的元素的事件处理程序 然后调用父元素的事件处理程序 依此类推 这种行为会导致我当前正在处理的项目出现一些问题 我宁愿颠倒执行顺序 我想出了一个使用超时的解决方案 ele
  • 如何使用属性的 getter 方法上的 @XMLElement 覆盖在类级别指定的 JAXB @XMLAccessorType(XMLAccessType.FIELD)?

    在下面的示例代码中 Employee已使用 JAXB 字段级别访问类型指定了类 对于物业dept 但是 访问类型已在 getter 方法级别指定为 XMLElement注解 在编组期间组织类 抛出以下异常 com sun xml inter
  • Spring连接池问题

    我对 Java 和 Spring 没有经验 我尝试编写一个使用 JdbcTemplate 进行数据访问的程序 我使用DBCP池 这里是
  • ObjC、Facebook 页面 - 发布新闻源有效,但发布照片无效

    所以我试图从 iPhone 应用程序在我的 Facebook 页面 我是管理员 上发布照片 我正在使用 FB Sessions 创建会话 获取读取权限 获取管理页面权限 然后 我成功获取我的 Facebook 页面应用程序 ID 因为 FB
  • Android 谷歌云消息传递示例无法正常工作

    我正在关注这里的教程http developer android com google gcm gs html http developer android com google gcm gs html为了设置 GCM 我目前正在尝试注册设
  • AMO OLAP 查询绑定

    根据业务逻辑 有时我需要更改多维数据集中的客户维度的源表 以前我使用以下代码更改多维数据集的结构 MyServerDataSourceView Schema Tables DimCustomers ExtendedProperties Qu
  • 提高 R 代码有效性的技巧

    我正在使用 Reddit 的 API Pushshift 编写一个循环 在 R 中 来抓取 Reddit 帖子 本质上 我希望每小时获取从现在到 20 000 小时前包含 特朗普 一词的所有评论 API 将注释存储在 JSON 框架中 我在
  • python 脚本的 setuid/setgid 包装器

    我有一个 Python 脚本 我希望能够以系统用户身份运行guybrushUID 200 和组guybrushGID 200 目前我的Python脚本 位于 path to script py 看起来像这样 usr bin env pyth
  • 嵌入 Youtube 播放列表,但从随机视频开始

    我已经做了很多搜索 但到目前为止找不到解决方案 我有一个 YouTube 播放列表 我想将其嵌入到网站上 但我不想总是从第一个视频开始 而是希望它从随机视频或至少一个特定视频开始 我可以使用服务器端代码随机选择 我查看了 iframe 嵌入
  • 切换类并从所有其他元素中删除类

    如何切换类并从所有其他元素中删除类 考虑一个包含标签的 div html div class size a href blahblah a a href blahblah a div jQuery size a click function