首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用JavaScript,我如何写“如果下一个同级有特定的类名xxx,做这个,否则做那个”?

在JavaScript中,你可以使用条件语句和DOM操作来实现“如果下一个同级有特定的类名xxx,做这个,否则做那个”的逻辑。

首先,你可以使用querySelector方法来选择下一个同级元素。然后,你可以使用classList属性来检查该元素是否包含特定的类名。

以下是一个示例代码:

代码语言:txt
复制
// 获取当前元素的下一个同级元素
var nextSibling = document.querySelector(".currentElement + .siblingElement");

// 检查下一个同级元素是否包含特定的类名
if (nextSibling.classList.contains("xxx")) {
  // 如果包含特定的类名xxx,执行这个逻辑
  // TODO: 在这里写下特定类名xxx存在时的逻辑
} else {
  // 否则执行另外一个逻辑
  // TODO: 在这里写下特定类名xxx不存在时的逻辑
}

在上面的代码中,.currentElement表示当前元素的选择器,.siblingElement表示下一个同级元素的选择器,.xxx表示特定的类名。

请注意,这只是一个示例代码,你需要根据实际情况修改选择器和逻辑。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。腾讯云云服务器提供了可扩展的计算容量,适用于各种应用场景。腾讯云云函数是一种无服务器的事件驱动计算服务,可以帮助你在云端运行代码而无需管理服务器。

腾讯云云服务器产品介绍链接地址:https://cloud.tencent.com/product/cvm 腾讯云云函数产品介绍链接地址:https://cloud.tencent.com/product/scf

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Java 9模块系统到底怎么用

不管学东西,一定要先搞清楚学了什么用,是学了马上就能用上还是以后有用。觉得在时间有限情况下,一定要学当前立马有用东西。接下来咱们就一起来看看Java模块到底啥用。...觉得模块化最大意义就是按照功能把代码逻辑分割开来,就像你干前端,写后端,他测试,把整体大概念拆成小概念,用时候自由组合,按需引用。事实上确实有这方面的作用,但是不仅仅就这么多。...然后在cn.felord.module下创建一个module-info.java文件,这个文件被称为模块描述符文件。 在模块描述符文件同级别创建Java包。...❝定向导包作用域是模块。 依赖 如果一个模块要访问从其它模块导出包,则该模块必须使用requires关键字导入要访问包所在模块。...使用服务 使用 uses 关键字,我们可以指定我们模块需要或使用某些服务。这个服务通常是一个接口或抽象。它不应该是一个实现

1.2K10
  • 【源码角度】7分钟带你搞懂ESLint核心原理!

    一个项目一般情况下都是多人协同开发(除了自己那个门户)【手动狗头】,那就意味着大家代码风格肯定多多少少都存在一定差异,如果大家都随心而欲,没有约束进行编码,后期维护成本也就越来越大,如果再加上某些同事提桶...打开官网,映入眼帘便是:Find and fix Problems in your JavaScript Code,光看这个就很nice。...ESLint会去读取配置文件中extends,如果extends层级比较深,先递归处理,然后再返回自己配置,最终得到顺序是【extends, 配置】。...parser & plugin parser 和 plugin 是以第三方模块形式加载进来,所以如果要自定义,需要先发布在使用,约定包名为eslint-plugin-xxx,配置中可以把xxx前缀省略...ESLint解析规则是如果没有指定parser,默认使用expree,否则使用指定parser,这里需要对AST足够了解,大家只需要知道AST对象,就是把你写代码转换成一个可以可供分析对象

    1.2K30

    Web前端进阶之路: 提升代码质量篇

    初级前端和高级前端什么差别?在我看来,初级前端关注点在完成功能,高级前端能在完成功能基础上,又好又快。好,就是代码质量高,快就是开发效率高。...2 语义化CSS 根据模块功能来命名,而不是根据样式来命名。如:给红色提示文字起可以叫 tip,不应该叫 color-red。...如果是color-red,那以后提示文字要改成绿色,也要改,用功能来命名不会出现这种问题。...4 其他 用驼峰。要优先用BEM命名,再用驼峰。如 info-box--header。 给 js 用到,以 js- 开头。...JavaScript 主流 JavaScript 代码风格 JavaScript 标准代码风格(JavaScript Standard Style) 和 Airbnb JavaScript 代码风格

    1.7K20

    Java模板生成word文档POI生成Excel【面试+工作】

    java后台利用模板生成Word文档提供前台下载 ---- 首先要指出是,实现思路和freeMarker差不离,将.doc文档相应转换后转为.ftl文档,其中变量会以${xxx}来代替,这样就可以...如果还是比较传统的话,就像那个链接里项目一样,把jar包导入项目吧 2.依据模板动态生成word文档,首先你得有个模板 模板是doc类型就好,注意不是docx,docx没有尝试,doc类型已经满足了需求...想要实现这个功能,就按照下面的步骤来吧,为了方便起见,直接拿项目中遇到实例来举例说明,是的,在写这篇博客时候同时也在完成手上项目。...step2:前台触发事件 搞一个按钮,用户点击时候用JavaScriptwindow.location.href将页面重定向到你处理下载URL去 比方说,这是项目的前台,看到那个表面质量按钮吗,...但我这个项目很多次用到导出Excel,所以抽象出一个工具是很有必要,符合设计模式。 项目是基于SpringMVC,来看看我后台接收到请求以后做了些什么吧 Controller: ?

    3.8K20

    前端学习笔记之CSS选择器

    :值; } #3、注意点: 1、就是专门用来给某个特定标签设置样式 2、每个标签都可以设置一个或多个class(空格分隔),class就相当于人/标签名称,因此同一界面内class可以重复...3、引用class一定要加点. 4、命名规则与id命名规则相同 这个标签,p就不再是紧跟h1标签了,但通用兄弟选择器仍然能选中 是段落 是段落 是段落...,也可以一起出现 2 a标签选择器如果一起出现,严格顺序要求,否则失效 link,visited,hover,active 3 hover是所有其他标签都可以使用 4 focus只给...三大特性 1、继承性 #1、定义:给某一个元素设置一些属性,该元素后代也可以使用这个我们就称之为继承性 #2、注意: 1、只有以color、font-、text-、line-开头属性才可以继承

    2K30

    Javascript -- 链表

    知识点 链表中节点包含两部分:存储数据元素数据域,指向下一个节点指针域 插入删除时,复杂度为O(1) 查找节点时,复杂度为O(n) 链表数据结构 本文介绍了用Javascript实现一个简单链表...null,是这样子,从节点实现我们看到了,节点默认指向下一个节点是null,所以你这样就不符合期望。...insert(pos, ele) 向链表特定位置插入一个新项 还是分类讨论,我们先定义,如果插入成功的话,返回true,如果插入失败的话,给它返回false。...如果不是头节点情况,我们就需要增加一个标志位去记录当前位置,如果当前位置等于插入位置,那么插入节点下一个节点指向当前节点,然后先前节点下一个节点指向当前节点。 ?...indexOf(ele) 返回元素在链表中索引,如果链表中没有该元素则返回-1 这里的话就是从头节点开始去与你所要查找节点匹配,匹配上的话,返回你记录标志位,否则返回-1. ?

    38710

    程序猿:这四种方式开启机器学习之路

    学习机器学习很多方法,大多数人选择从理论开始。 如果你是个程序员,那么你已经掌握了把问题拆分成相应组成部分及设计小项目原型能力,这些能力能帮助你学习新技术、库和方法。...你可以利用这个机会更深入地学习一个提供这些方法库或工具,掌握了提供这些技术库能帮助你掌握相应技术。 一些你可以采取策略有: 比较一些可选工具。 总结你选定那个工具能力。...这样你能专心解答关于这个数据集你要研究问题,而不是分心去学习某个特定技术或者如何写代码来实现它。 一些可以帮助你学习实验性机器学习数据集策略有: 清晰地描述这个数据集所呈现问题。...选一个已经被人充分理解了许多可选开源实现,并且需要你探索参数数目较少算法。你目的是建立有关这个算法在不同问题和不同参数设定下表现如何直觉。 使用一个机器学习平台或者库。...举个例子,与其解决广义“写一个能告诉微博是否会被转发程序”,还不如去研究这个问题在一个特定账号在一个特定时间段内表现。 所需资源少:一个项目应该能用你可联网台式或者笔记本电脑完成。

    50370

    程序员初学机器学习四种方式

    你可以利用这个机会更深入地学习一个提供这些方法库或工具,掌握了提供这些技术库能帮助你掌握相应技术。 一些你可以采取策略有: 比较一些可选工具。 总结你选定那个工具能力。...这样你能专心解答关于这个数据集你要研究问题,而不是分心去学习某个特定技术或者如何写代码来实现它。 一些可以帮助你学习实验性机器学习数据集策略有: 清晰地描述这个数据集所呈现问题。...选一个已经被人充分理解了许多可选开源实现,并且需要你探索参数数目较少算法。你目的是建立有关这个算法在不同问题和不同参数设定下表现如何直觉。 使用一个机器学习平台或者库。...想多学一点的话,你可以探索所谓启发式规则或经验法则来使用算法,并且以实验为依据来展示它们好不好用,及如果好用的话在什么条件下他们与成功结果有关联。...举个例子,与其解决广义“写一个能告诉微博是否会被转发程序”,还不如去研究这个问题在一个特定账号在一个特定时间段内表现。 所需资源少:一个项目应该能用你可联网台式或者笔记本电脑完成。

    87070

    20180708_ARTS_week02

    这里个比较不好地方是同一种判断条件用了两次,暂时还没想到合并方法,能去掉就更好了。 程序中状态是你程序变得复杂难维护直接原因。...console.assert 可以一定程度上充当断言功能,如果错了会在控制台打印信息和堆栈,这个还是挺有用,有时候系统报错时候打出错误堆栈内容非常多,常常不知道是哪一步出错了,特别是用了一些框架库...上面那个场景,正确做法是使用 Promise.all 加载完之后返回,因为我们预期就是在全部加载完之后才执行回调。... ARTS 节奏是周一到周四每天做一个字母,周五一般是 buffer,周末主要是把几个东西整理一下,看是否补充。 这样每天压力不会太大,又能保证一定紧张感,暂时也能坚持下去。...ARTS 整体来说,最喜欢是 A 和 R。 毕业几年之后又是前端方面的工作,基本和算法不怎么沾边,这两周完成了算法题,又感受到了编程之美,挺开心

    39510

    那些相见恨晚 JavaScript 技巧

    还可以使用 JavaScript 内置 split() 和 join() 函数处理 HTML 对象 CSS 如果 HTML 对象是空格隔开多个名字,你在为它追加或删除一个 CSS 时候需要特别注意...,如果该对象还没有属性,可以直接将新赋予它,如果已经存在,新增前必须有一个空格,用传统 JavaScript 方法是这样实现使用 split 和 join 方法则直观优雅得多...,任何变量,函数或是对象,除非是在某个函数内部定义,否则,就是全局,意味着同一网页别的代码可以访问并改写这个变量(ECMA JavaScript 5 已经改变了这一状况 - 译者),使用匿名函数...这里一篇 JavaScript 配置对象详解文章,简单说: · 在代码中创建一个叫做 configuration 对象 · 里面保存所有可以更改配置,如 CSS ID 和,按钮标签文字,描述性文字...,本地化语言设置 · 将该对象设置为全局对象,以便别人直接访问并改写 你应当在最后一步这项工作,这里一个文章,交付代码前5件事值参考。

    30910

    一篇带你从小白到入门vue教程

    这样就形成了一个基本父子通信模式。 在开发中组件和 HTML、JavaScript非常紧密关系时,可以根据实际需要自定义组件,使开发变得更加便利,可大量减少代码编写量。...) 如何使用vue封装组件(造轮子) 新建一个组件步骤: 1、新建一个 xxx.vue 2、在 xxx.vue 中 包含三部分 tempalte script css 注意 是template...另外vue中在使用相同标签名元素过渡切换时,也会使用到key属性,其目的也是为了让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果。...}, } 1、普通属性怎么监听: 直接监听 2、初始值该怎么监听:immediate: true 3、深度监听怎么:deep:true watch:{ a(val...mutations actions 都是全局直接使用就是 只有局部是要加模块 vant、elementUI、ECharts 这里不多介绍了,我们都知道vue呢他是一个渐进式框架,轻量级,可以在项目中可以使用其他框架或者

    8K21

    使用jquery-easyui写CRUD插件(1)

    写插件先看看jqeury插件如何写,先了解一下如何写插件代码。 jQuery插件开发包括两种: 一种是级别的插件开发,即给jQuery添加新全局函数,相当于给jQuery本身添加方法。...关于级别的插件开发可以采用如下几种形式进行扩展: 通过这个技巧(使用独立插件),我们可以避免命名空间内函数冲突。...出于认识到和利用函数是javascript中最基本对象,我们可以这样。就像其他对象一样,函数可以被指定为属性。...一个通理是,如果你不能肯定是否暴露特定函数,那么你也许不需要那样。 那么我们怎么定义更多函数而不搅乱命名空间也不暴露实现呢?这就是闭包功能。...个人来说,喜欢这个Metadata插件,因为它让你使用不多"markup”覆盖插件选项(这非常有用当创建例子时)。而且支持它非常简单。更新:注释中有一点优化建议。

    96290

    Java开发编程规范: 1.命名风格

    ,老师不止一次告诉,让去学习编程规范,觉得也是时候学习一波了,不知道各位读者有没有这种体验啊,比如一个QQ群,萌新问你这个代码什么问题,很多人想去帮忙,却不知道写什么,才会一点一点问,这个方法是干什么...,那个变量是干啥,确实作为萌新我们都将我们自己定义为中心,我们没有为别人考虑,当我们自己写代码时候,我们当时是知道这个变量是干什么,哪怕是一个a,一个b,因为那是你写,你不可能那么快忘记,但是换另一个人来读你代码...【强制】POJO 中布尔类型变量,都不要加 is 前缀,否则部分框架解析会引起序列化错误。...【强制】包统一使用小写,点分隔符之间且仅有一个自然语义英语单词。包统一使用单数形式,但是如果有复数含义,可以使用复数形式。...5) 删除方法用 remove/delete 前缀。 6) 修改方法用 update 前缀。    B) 领域模型命名规约 1) 数据对象:xxxDO,xxx 即为数据表

    80331

    一个后端程序员前端之路

    还在上大学时候用 servlet 写 java web 程序,那个时候想要在网页判断用户输入提交,发现需要一种叫 JavaScript 语言,一开始照着 w3c 直接用原生 JavaScript...当然,那个时候对 CSS 也是一窍不通,也才刚刚听过 jQuery。...这个分歧其实就是 Facebook 出品 graphql 要解决,而在当时和前端都是无解这个分歧,开始关注前端是如何构建和使用后端数据,换位思考站在前端角度去想问题。...空想误国,实干兴邦,由于缺乏实践,换位思考流于了形势,毫无进展。 突然一天,还在努力让自己顿悟,前端却离职了,更要命是原来所有负责对接前端业务将有接管。 真心不懂,只能学了。...首选了 JavaScript 语言精粹 一书,为了速成只看其中函数和继承部分,基本对模式继承和原型继承了清晰认识,重构就这样开始了。

    1.1K50

    【保姆级教程】SpringBoot单元测试,文末介绍Postman基本使用

    二、单元测试作用 在没有接触单元测试之前我们是怎么测试?一般两个方法: ? 在时间允许情况下,编写单元测试是程序员对代码自测,这是对自己代码负责。...第三步:至此Service层测试就创建好了,测试自动生成到了src/test/java目录下项目的同级目录中,如下图: ?...使用断言是判断一个函数或对象一个方法所产生结果是否符合你期望那个结果。...:使用 Hamcrest 匹配符来表达对前面变量所期望声明,如果 value 值与 matcher statement 所表达期望值相符,则测试成功,否则测试失败。...详细使用方法,在这里帮大家找到了一篇保姆级Postman使用教程: https://www.cnblogs.com/okong/p/springboot-fifteen.html PS:如果觉得分享不错

    2K10

    Gradle基础|自定义插件并上传到JitPack

    这些插件一般还要在model中再依赖其他组件,如果只用代码组件,而不启用这些插件,那还能正常使用吗?...这个目录比较特殊,对于每一个工程而言,且只能有一个 buildSrc 目录,并且必须位于项目的根目录,如果存在 buildSrc 这个目录,那么 Gradle 在运行时会自动编译并测试这里面的代码,并将其放入构建脚本路径中...//本地依赖插件时使用 gradlePlugin { plugins { //插件,每一个插件都可以 buildSrcTestPlugin {...我们先改一下 stand-gradle-plugin 插件id ,及相应 插件实现 ,如下所示: 然后直接去app-model中进行引入,此时会发生什么问题呢?...apply plugin: 'maven-publish' // 组,可以理解为插件在那个分组下放着,最终是一个文件夹 // com/petterp/gradle/plugins/xxx group

    1K10

    携程:关于反爬虫,看这一篇就够了

    如果是的话,是否可以起诉要求赔偿?这样可以赚钱。 这个问题特意咨询了法务,最后发现这在国内还是个擦边球,就是可能可以起诉成功,也可能完全无效。所以还是需要用技术手段来最后保障。...4、成型商业对手 这个是最大对手,他们技术,有钱,要什么什么,如果和你死磕,你就只能硬着头皮和他死磕。...更讽刺是,通常搜到python爬虫代码都会使用一个lynxuser-agent。你们应该怎么处理这个user-agent,就不用来说了吧?...3、后台对访问进行统计,如果单个userAgent访问超过阈值,予以封锁。 这个是大招,类似于抗生素之类,效果出奇好,但是杀伤力过大,误伤非常严重,使用时候要非常小心。...因为上面提到方法,效果均一般,所以还是用JavaScript比较靠谱。 也许有人会说:javascript的话,不是可以跳掉前端逻辑,直接拉服务吗?怎么会靠谱呢?因为啊,是一个标题党啊。

    4.4K101

    干货 | 关于反爬虫,看这一篇就够了

    如果是的话,是否可以起诉要求赔偿?这样可以赚钱。 这个问题特意咨询了法务,最后发现这在国内还是个擦边球,就是可能可以起诉成功,也可能完全无效。所以还是需要用技术手段来最后保障。...4、成型商业对手 这个是最大对手,他们技术,有钱,要什么什么,如果和你死磕,你就只能硬着头皮和他死磕。...更讽刺是,通常搜到python爬虫代码都会使用一个lynxuser-agent。你们应该怎么处理这个user-agent, 就不用来说了吧?...因为,如果对方没有反爬虫,你完全可以直接抓ajax本身, 而无需关心js怎么处理如果对方反爬虫,那么javascript必然十分复杂,重点在于分析, 而不仅仅是简单模拟。...因为上面提到方法, 效果均一般, 所以还是用JavaScript比较靠谱。 也许有人会说:javascript的话,不是可以跳掉前端逻辑,直接拉服务吗?怎么会靠谱呢?因为啊,是一个标题党啊。

    1.8K112
    领券