文章/答案/技术大牛

发布

社区首页 >问答首页 >JS。如何获得类名相似的div列表？

问JS。如何获得类名相似的div列表？
EN

Stack Overflow用户

提问于 2014-01-29 12:19:29

回答 2查看 2.7K关注 0票数 4

我有html，像这样：

<div id="c0" class="bz_comment bz_first_comment"></div>
<div id="c1" class="bz_comment"></div>
<div id="c2" class="bz_comment"></div>
<div class="bz_add_comment"></div>

如何获得以JavaScript中的“JavaScript”开头的所有div的数组(例如3 div)(不使用JQuery)？

或者我可以得到以"cnumeric_value“开头的div的id数组吗？

[numeric_value_can_consist_of_some_numbers]

这是类似的问题，比如stackoverflow.com.don/质询/1225611/(但我在这个问题上没有口碑)。提前谢谢。

javascript

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-01-29 12:29:11

你应该使用.querySelectorAll

var matching = document.querySelectorAll('[class*="bz_comment"]')

不过，我在您的代码中看到了一些令人担忧的事情：

您有顺序的数字ID，请考虑使用Array来表示顺序数据。
如果必须这样做，则按类名标识符进行选择--使用data-*属性。更好的方法是将元素存储在数组中，并直接引用它们。

票数 5

Stack Overflow用户

发布于 2014-01-29 12:24:49

您可以编写一个函数来处理页面中包含要查找的类的元素：

function containsClass(matchClassName) {
    var matches = new Array();
    var elems = document.getElementsByTagName('div'), i;
    for (i in elems) {
        if((' ' + elems[i].className + ' ').indexOf(' ' + matchClassName + ' ') > -1) {
           matches.push(elems[i]);
        }
    }
    return matches;
}

现在你可以写了

var matches = containsClass('bz_comment');

票数 3

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

原文链接：

https://stackoverflow.com/questions/21441777

复制

js动态添加div

html input 后端

因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字, 后端用一个循环进行接收

烟草的香味

2019/07/25

24.5K0

Roslyn 如何获得一个类的引用

在 C# 代码里面，大部分的代码都是在开始定义了 using 引用命名空间，本文将告诉大家如何使用 Roslyn 分析获取类文件里面引用的命名空间

林德熙

2021/12/24

1.3K0

原生js拖拽指定div

拖拽

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>原生js拖拽效果</title> </head> <body> <div id="box"></div> <script type="text/javascript"> var oBox = document.getEle

李维亮

2021/07/09

9.9K0

JS-随机div颜色

html java

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <meta name="author" content="郭菊锋702004176@qq.com"/> 7 <style type="text/css"> 8 div{ 9 width: 100px; 1

xing.org1^

2018/05/17

18.2K0

maven模块名相互依赖如何解决？

xml 编程算法 maven

水一篇文章，这里记录下maven中的一个模块名被另一个模块引用，但是却不知道如何修改的问题。首先看图：

废江_小江

2022/09/29

1.3K0

JS实现鼠标拖动div移动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript">

小小鱼儿小小林

2020/06/23

34.4K0

Android签名相关知识整理

android

技术小黑屋

2018/09/05

4540

js通过class name获得元素

class

//原理：用document.getElementsByTagName('*');来获取所有元素，然后取得相同Class的元素。 function getElementsByClassName(n) { var classElements = [], allElements = document.getElementsByTagName('*'); for (var i = 0; i < allElements.length; i++) { if (allElements[

sunsky

2020/08/20

8.8K0

视频综合管理平台EasyNVS通道列表如何获得RTMP地址和RTSP地址？

云直播 rtmp rtsp vr 分布式存储

视频综合管理平台EasyNVS是新一代的云上架构，能够将分布在不同区域和网络环境下的多套EasyNVR设备，统一接口进行登记和管理，借助云端的宽带资源解决单路设备在云直播中多路分发观看所需的上行宽带问题，及分布式存储在云端的回放问题。

EasyNVR

2020/08/11

8430

div 环形排列_三个div如何并排

math

红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值和 top值，设置的点;

全栈程序员站长

2022/09/19

2.8K0

js / css 设置div不可点击

css

css: .notclick{ pointer-events: none; } js: $("#divID"/".divClass").addClass("notclick");//设为不可点击 $("#divID"/".divClass").removeClass("notclick");//移除不可点击

用户10106350

2022/10/28

30.8K0

js动态创建div等元素实例

网站

为了节省时间，就直接贴代码了！希望大家多多的关注我！ <html> <head> <title>js动态创建div等元素实例</title> <style type="text/css"> </style> </head> <body> <script language="javascript"> var Test={ createDiv:function(){ var div = document.createElement

业余草

2019/01/21

12.3K0

div在div中垂直居中水平居中(css如何让div水平居中)

https java 网络安全 html

最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法

全栈程序员站长

2022/08/01

15.1K0

js获得页面get跳转的参数

php 其他

页面通过window.kk或通过window.parent.kk进行页面跳转，在新的页面如何获得相应的参数呢？

程序新视界

2019/08/14

11.8K0

带左右箭头切换div的js 原

编程算法

(adsbygoogle = window.adsbygoogle || []).push({});

tianyawhl

2019/04/04

12.5K0

如何使用Cariddi扫描域名相关的各种敏感信息

linux windows https 网络安全

Cariddi是一款功能强大的信息收集与扫描工具，我们只需给它提供一个域名列表，Cariddi就能够帮助我们爬取URL地址，扫描终端节点，并搜索敏感数据、API密钥、文件后缀和令牌等信息。

FB客服

2021/08/24

1.1K0

Windows Kernel-仿pchunter获得系统回调列表

编程算法

注册创建进程回调使用函数 PsSetCreateProcessNotifyRoutine，调用这个函数会将注册的信息保存到一个数组里面。

franket

2020/05/10

13.7K0

点击加载更多

相似问题

如何获得同名相邻项的列表

在不同的div中选择命名相似的元素？

如何在div类中获得div类？

Selenium获取列表元素文本，类名相同

合并文件名相似的多个CSV

112

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问JS。如何获得类名相似的div列表？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

如何获得同名相邻项的列表

在不同的div中选择命名相似的元素？

如何在div类中获得div类？

Selenium获取列表元素文本，类名相同

合并文件名相似的多个CSV

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS。如何获得类名相似的div列表？EN

回答 2

Stack Overflow用户

Stack Overflow用户

如何获得同名相邻项的列表

在不同的div中选择命名相似的元素？

如何在div类中获得div类？

Selenium获取列表元素文本，类名相同

合并文件名相似的多个CSV

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS。如何获得类名相似的div列表？
EN