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

获取同一类跟在某个类之后的所有元素的值

,可以使用JavaScript中的DOM操作来实现。具体步骤如下:

  1. 首先,使用document.querySelector()或document.getElementsByClassName()方法获取到指定类名的元素。
  2. 然后,使用nextElementSibling属性获取到指定类名元素的下一个兄弟元素。
  3. 判断下一个兄弟元素是否存在,如果存在则将其值存储到一个数组中。
  4. 重复步骤2和步骤3,直到找不到下一个兄弟元素为止。

以下是一个示例代码:

代码语言:javascript
复制
// 获取指定类名的元素
var elements = document.getElementsByClassName('className');

// 存储元素值的数组
var values = [];

// 遍历元素
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  
  // 获取下一个兄弟元素
  var nextElement = element.nextElementSibling;
  
  // 判断下一个兄弟元素是否存在
  while (nextElement) {
    // 将元素的值存储到数组中
    values.push(nextElement.innerHTML);
    
    // 获取下一个兄弟元素
    nextElement = nextElement.nextElementSibling;
  }
}

// 打印结果
console.log(values);

这段代码会获取到所有具有指定类名的元素后面的所有元素的值,并将其存储在一个数组中。你可以根据实际情况修改代码中的类名和存储值的方式。

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

相关·内容

java通过反射获取加了某个注解所有

一、前言 有时候我们会碰到这样情况: 有n个场景,每个场景都有自己逻辑,即n个处理逻辑, 这时候我们就需要通过某个参数代表这n个场景,然后去加载每个场景不同bean对象,即不同,这些中都有一个同名方法...,Heika.class,这三个里面有一个同样方法,名字叫:checkPermissions()方法,三个上都加了一个自定义注解@MemberTypeDefinition 二、代码demo参考 1...注解源表bean loadSourceDefinition(); // 获取SpecialPeople.class里面所有的表名 loadSpecialMap...SpecialPeople.class里面所有的表名 * @throws Exception */ private void loadSpecialMap() throws...,大致是这样,具体一些代码可以放在不同package下面,我这里仅仅是让大家可以直观看到有这些

27400
  • JS-获取class名为某个元素-【getClass】函数封装

    原理:  根据class获取元素.  原理是,取出oparent下所有元素,组成数组,然后遍历名,全等判断。...class为clsName元素     oElements  = oParent.getElementsByTagName('*');     //oElements 获得是父元素所有元素,...== clsName){     //判断数组中,元素名如果和传过来想要获取名一致的话             boxArr.push(oElements[i]);      //...其实直接用getElementsByTagName获取也是一个元素集合。现在直接等于一个数组,能用方法和属性则更多了呢!顺便调用函数并传参。参数是父元素变量和需要找名。...for(var i=0;i<oLi.length;i++){ //循环弹出来数组,也就是所有名为“li_box”li //接下来直接做你想让那些带你需要元素该做事。

    5.1K80

    获取路径某个json文件中内容字符串

    前言 实际项目中可能会有需要读取路径下面的配置文件中内容需求,由于springboot项目打包是jar包,通过文件读取获取方式开发时候没有问题,但是上到linux服务器上就有问题了,对于这个问题记录一下处理方式...加载器方式 通过加载器读取文件流,加载器可以读取jar包中编译后class文件,当然也是可以读取jar包中文件流了 比如要读取resources目录下common/tianyanchasearch.json...); } } catch (IOException e) { System.out.println("=====获取数据异常...; } catch (IOException ex) { System.out.println("=======获取数据时...推测主要原因是springboot内置tomcat,打包后是一个jar包,因此通过文件读取获取方式行不通,因为无法直接读取压缩包中文件,读取只能通过流方式读取

    2.6K30

    下列那个获取PropertyDescriptor实例方法_java获取properties

    一、软件包 java.beans 包含与开发 beans 有关 二、PropertyDescriptor PropertyDescriptor 描述 Java Bean 通过存储器方法导出一个属性...> getPropertyType(){} //获得应该用于读取属性方法 public Method getReadMethod(){} //获得应该用于写入属性方法...: java.beans.IntrospectionException: Method not found: isMBuyPrice 同时Price必须含有getter和setter方法,否则也会报同样错误...try { value = getMethod.invoke(clazz, new Object[]{});//调用方法获取方法返回 } catch...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    86230

    在DWR中实现直接获取一个JAVA返回

    在DWR中实现直接获取一个JAVA返回     DWR是Ajax一个开源框架,可以很方便是实现调用远程Java。但是,DWR只能采用回调函数方法,在回调函数中获取返回,然后进行处理。...那么,到底有没有办法直接获取一个方法放回呢?...,然后在回调函数中处理,上面那段话执行后会显示test,也就是java方法返回。...但是,采用回家函数不符合我们习惯,有些时候我们就想直接获取返回进行处理,这时候就无能为力了。 我们知道,DWR是Ajax框架,那么必然拥有了Ajax特性了。...现在,让我们打开DWRengine.js文件,搜索一个asyn,马上,就发现了一个setAsync方法,原来,DWR是这个方法设置成属性封装起来了。这样,我们就可以实现获取返回功能了。

    3.2K20

    【C++】STL 容器 - STL 容器语意 ( 容器存储任意类型元素原理 | STL 容器元素可拷贝原理 | STL 容器元素类型需要满足要求 | 自定义可存放入 STL 容器元素 )

    ; 2、STL 容器元素可拷贝原理 STL 容器 定义时 , 所有的 STL 容器 相关操作 , 如 插入 / 删除 / 排序 / 修改 , 都是 基于 Value 语意 , 不是 基于 引用..., 假如 在外部 该 指针 / 引用 指向对象被回收 , 那么容器操作就会出现问题 ; STL 容器 中 , 存储元素 , 必须是可拷贝 , 也就是 元素 必须提供 拷贝构造函数 ; 3、STL...容器都可以使用 迭代器 进行遍历 ; 调用 begin() 函数 , 获取 指向 首元素 迭代器 ; 调用 end() 函数 , 获取 末尾迭代器 , 该迭代器 指向 最后一个元素后面位置 ; 除了...容器元素 1、代码示例 STL 容器元素类型需要满足要求 : 提供 无参 / 有参 构造函数 : 保证可以创建元素对象 , 并存放到容器中 ; 提供 拷贝构造函数 : STL 容器元素是可拷贝..., 这是容器操作基础 ; 提供 重载 = 操作符函数 : STL 容器元素可以被赋值 ; 这里自定义 Student , 需要满足上述要求 , 在 Student 中 , 定义两个成员 ,

    11810

    CSS 面试要点:选择器

    # 基本选择器 # 通用选择器 选择所有元素 语法:* * { font-size: 12px; } # 元素选择器 按节点名选择所有匹配元素 语法:element p { font-size...: 12px; } # 选择器 按 class 属性选择所有匹配元素 语法:.classname .btn { font-size: 12px; } # ID 选择器 按 id 属性选择一个匹配元素...属性,且属性以空格间隔开,且其中至少有为 value 元素 [attribute|=value],选择有 attribute 属性,且属性以 value 或 value- 开头元素 [attribute...~ selector2 /* 匹配同一元素下,p 元素所有 span 元素 */ p ~ a { font-size: 12px; } # 相邻兄弟组合器 + 选择相邻兄弟元素,要有共同父节点...,且紧跟在前一个元素之后 语法:selector1 + selector2 /* 匹配同一元素下,p 元素后紧跟 a 元素 */ p + a { font-size: 12px; } # 列组合器

    12910

    CSS入门指南-1:css工作原理

    当html元素同一个样式属性有多种样式时候,css就要靠层叠机智来决定最终应用哪种样式。...h2 ~ a {color: red;} 标签a 和 标签h2 同一级,且a标签在h2 标签之后。(只应用与a标签) 通用选择符 * 通用选择符 * 是一个通配符,它匹配任何元素。...伪分两种: UI伪会在HTML元素处于某个状态时,为该元素应用CSS样式。 结构化伪会在标记中存在某种结构上关系时,为相应元素应用CSS样式。 伪使用:(冒号)作为选择符。...层叠 层叠,是样式在文档层次中逐层叠加过程,目的是让浏览器面对某个标签特定属性值得多个来源,确定最终使用哪个。...因为浏览器是在读取链接样式表之后读取嵌入样式。 层叠规则 层叠规则一:找到应用给每个元素和属性所有声明。 层叠规则二:按照顺序和权重排序。

    84420
    领券