文章/答案/技术大牛

发布

社区首页 >问答首页 >基于CSS类的Javascript数组动态填充

问基于CSS类的Javascript数组动态填充
EN

Stack Overflow用户

提问于 2011-09-02 23:07:27

回答 1查看 403关注 0票数 1

我正在构建一个应用程序，该应用程序当前包含许多需要循环的隐藏div。

现在，周期中只有5个div，但最终会有20+。有没有办法根据它们在CSS中的起始类将它们的所有in放入一个数组中？现在默认的div有类的“show tab”，其他的有类的“hide tab”。我希望能够用具有'tab‘类的元素的所有ID填充数组。

我尝试过getElementsByClass，但我不认为我理解它是如何工作的--它总是返回未定义的结果。

页面的大部分是用PHP编写的，所以如果有一种方法可以使用PHP获取ID，然后将其传递给javascript，那也是可行的。

任何帮助都将不胜感激=)

php

javascript

css

arrays

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-02 23:12:51

这将使用“纯”Javascript (即开箱即用的Javascript)通过类名将所有div放入一个数组中：

var tabs = document.getElementsByClassName('tab');

divs可以应用任意数量的其他类，但是如果它们有"tab“类，它们将被包括在内。然后，tabs数组将成为DOM对象的数组。要访问div的ids，您可以这样做：

var id = tabs[0].id;

此外，如果您曾经想使用jQuery，这将创建一个类似于数组的div对象：

var tabs = $('.tab');

票数 1

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

原文链接：

https://stackoverflow.com/questions/7285449

复制

相似问题

问基于CSS类的Javascript数组动态填充
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于CSS类的Javascript数组动态填充EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于CSS类的Javascript数组动态填充
EN