Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Jquery条件逻辑-如果span有特定的兄弟关系,我如何单击按钮?

Jquery条件逻辑-如果span有特定的兄弟关系,我如何单击按钮?
EN

Stack Overflow用户
提问于 2022-10-03 23:53:38
回答 1查看 67关注 0票数 -1
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<a class="item">
    <span class="item_label">BIG_1</span>
    <span class="acitve-high">...</span>
</a>
<a class="item">
    <span class="item_label">BIG_2</span>
    <span class="acitve-low">...</span>
</a>

<a class="button-high">...</a>
<a class="button-low">...</a>

如何使用jquery函数实现以下操作?

如果包含文本"BIG_1“的span具有类名为"active-high”的同级,则单击具有类名“按钮-高度”的按钮,否则如果span包含文本"BIG_1“的同级名称为”活动-低“,则单击类名为”按钮-低“的按钮。

在HTML中,带有文本BIG_1的span当前有一个类名为"active-high“的同级。我希望代码始终检查这是否为真,然后单击一个类名为“按钮高”的按钮。该网站是动态的,因此具有“活动-高”类名称的跨度有时会自动更改为“活动-低”。因此,我希望代码在每次发生此更改时都单击类名为"active-low“的按钮。

请注意:多个span的类名为"item_label“,所以我不能使用类名来识别文本BIG_1,而且我也不能使用它的位置,因为这也会不时地自动变化。

EN

回答 1

Stack Overflow用户

发布于 2022-10-04 00:49:13

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var big1_siblings = $('span:contains("BIG_1")').siblings();

for (var i = 0; i < big1_siblings.length; i++) {
  if ($(big1_siblings[i]).hasClass('acitve-high')) {
    $('.button-high').trigger("click");
    break;
  } else if ($(big1_siblings[i]).hasClass('acitve-low')) {
    $('.button-low').trigger("click");
    break;
  }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73944682

复制
相关文章
学习jQuery这一篇就够了
jQuery 是一个高效精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作事件处理动画和 Ajax 操作更加简单。目前超过 90% 的网站都使用了 jQuery 库,jQuery 的宗旨:写的更少,做得更多!
程序员Leo
2023/08/07
1K0
学习jQuery这一篇就够了
JQuery从入门到实战
jQuery 本质上虽然也是 JS,但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象,而不是 JS 方式获得的 DOM 对象,二者的 API 方法不能混合使用,若想使用对方的 API,需要进行对象的转换。
楠羽
2022/11/18
15.3K0
JQuery从入门到实战
Web阶段:第五章:JQuery库
点击:API文档下载 Jquery介绍 1.什么是JQuery ? jQuery,顾名思义,也就是JavaScript和查询(Query),它就是辅助JavaScript开发的js类库。 2.JQue
Java廖志伟
2022/09/28
26.3K0
Web阶段:第五章:JQuery库
HTML单击按钮弹出悬浮窗+页面遮罩
<meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
用户7718188
2021/10/08
15.8K1
JS,如果改变span标签的是否隐藏属性
----------------------------------Hongten--------------------------------------------
Hongten
2018/09/13
10.8K0
jQuery -&gt; 获取兄弟元�
获取指定元素的兄弟元素时,能够使用 adjacent sibling combinator (+),当中 +的两側内容都是selector expression.
全栈程序员站长
2022/07/12
1.2K0
jquery 置顶按钮
这个图片我用了阿里的矢量图库,如果不懂如何使用的朋友,可以访问iconfont阿里巴巴矢量图标库从注册到使用。
Devops海洋的渔夫
2019/06/02
3K0
【5min+】传说中的孪生兄弟? Memory and Span
【五分钟的dotnet】是一个利用您的碎片化时间来学习和丰富.net知识的博文系列。它所包含了.net体系中可能会涉及到的方方面面,比如C#的小细节,AspnetCore,微服务中的.net知识等等。 5min+不是超过5分钟的意思,"+"是知识的增加。so,它是让您花费5分钟以下的时间来提升您的知识储备量。
句幽
2020/04/27
5310
jQuery 常用方法
jQuery 是一个快速、简洁的 JavaScript 框架,封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互
Nian糕
2018/08/21
2.6K0
jQuery 常用方法
类模块应用示例:获取单击的命令按钮名称
这个示例来源于ozgrid.com,有兴趣的朋友可以研究。在用户窗体上共有24个命令按钮,如下图1所示。
fanjy
2023/10/04
2950
类模块应用示例:获取单击的命令按钮名称
杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)
D.closest()获得D所有父元素,含自己(D、B、A)与 D.parents() 对比
杨校
2018/12/06
8.3K0
Web前端知识(四)
jQuery是一款优秀的javaScript库.jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码, 完成更多复杂而困难的功能
软件小生活
2021/09/10
7.4K0
javaWeb核心技术第五篇之jQuery
- 概述 - jQuery是一个优秀的javascript框架(js类库),兼容css3和各大浏览器,提供dom,events,animate,ajax等简易的操作。并且jQuery有非常丰富的插件,大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more. (写的更少,做的更多) - jQuery入门 - jQuery和html整合 - 下载 - 下载地址:www.jquery.com - 使用script的src属性即可
海仔
2019/08/26
8K0
一些经典案例
案例一:(实现效果,鼠标移动到哪个菜单上,哪个菜单会显示二级菜单,移开会收回。) 案例二:tab栏(选项卡) 鼠标滑过,显示对应的特殊样式,下面的内容替换为需要的内容。 和无缝滚动一样是专有名词。 e
小闫同学啊
2019/07/18
8690
一些经典案例
jQuery实现单击页面产生随机字符效果
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
浩Coding
2019/07/02
2.7K0
jQuery实现单击页面产生随机字符效果
Android之按钮点击事件(单击、双击、长按等)
在布局文件中添加按钮点击事件 1、在xml文件中 为 Button 添加android:onclick属性
程思扬
2023/07/24
2.4K0
JQuery入门
基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选择器
大忽悠爱学习
2021/11/15
5.2K0
JavaWeb18-jquery学习笔记(Java全栈开发)
jquery一.筛选 筛选与之前的选择器雷同,筛选提供的都是函数. 1. 过滤 eq(index|-index):获取指定索引的元素.如果是正数,索引从0开始;若是负数,倒着数从1开始. first():第一个 last():最后一个 hasClass(...):判断元素是否含有特定的样式 filter(...):筛选出与指定表达式匹配的元素集合 is(...):判断元素是否符合指定的选择器 has(...):含有特定后代的元素 not(...):删除与指定表达式匹配的元素 slice(start
Java帮帮
2018/03/19
6.8K0
JavaWeb18-jquery学习笔记(Java全栈开发)
Web前端JQuery面试题(二)
DOM对象,DOM为文本对象模型,DOM的每一个页面都是一个DOM对象。通过JavaScript方法获取页面元素的对象,就是DOM对象。
达达前端
2019/07/03
1.9K0
JQuery的学习
JQuery基础: 1. 概念: * 一个JavaScript框架,简化JS开发。 * jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 * JavaScript
Rochester
2020/09/01
16.6K0

相似问题

单击span inside jQuery按钮

10

Jquery:单击按钮及其兄弟节点的属性

20

如果段落有特定文本,请单击按钮

31

如果单击的类有特定文本,则运行jquery。

45

如何用jQuery选择非直接左兄弟<span>?

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文