根据id计数div元素
根据id计数div元素
提问于 2009-11-07 22:01:21
我有一个类似以下内容的页面：
<div id="content">
<div id="boxes">
<div id="box:content:1:text" />
<div id="box:content:2:text" />
<div id="another_id" />
<div id="box:content:5:text" />
</div>
</div>我想知道id与表达式box:content:X:text (其中X是一个数字)匹配的div的数量。我可以使用纯javascript或jquery来做到这一点。
但是在框中，我可以有几种我不想计算的div ("another_id")，我可以有一个元素和下一个元素的X之间的间隙，它们不是按顺序排列的。
我一直在寻找一种方法来获取基于regexp的元素，但是我没有找到任何有趣的方法。这是一种可行的方法吗？
谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-11-07 22:11:06
jQuery：
$("div[id]").filter(function() {
return !(/^box:content:\d+:text$/.test(this.id));
}).size();纯JavaScript：
var elems = document.getElementsByTagName("div"),
count = 0;
for (var i=0, n=elems.length; i<n; ++i) {
if (typeof elems[i].id == "string" && /^box:content:\d+:text$/.test(this.id)) {
++count;
}
}Stack Overflow用户
发布于 2009-11-07 22:21:41
要扩展Boldewyn的注释，您可以提供由空格分隔的多个类，然后单独或组合使用这些类。
这可能会消除对in的需要，但我将它们保留在以下位置以防万一：
<div id="content">
<div id="boxes">
<div id="box:content:1:text" class="box content 1 text" />
<div id="box:content:2:text" class="box content 2 text" />
<div id="another_id" />
<div id="box:content:5:text" class="box content 5 text" />
</div>
</div>然后，使用jQuery，您可以使用以下命令来计算所需的项目：
$j('#content>#boxes>.box.content.text').length(或者可能只使用'#boxes>.box.text'或任何适合您尝试匹配的内容)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1693109
复制相关文章
相似问题
腾讯云开发者
