根据id统计div元素

我有一个类似的页面：

<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和下一个元素之间有间隙，它们不是按顺序排列的。

我正在寻找一种基于正则表达式获取元素的方法，但我还没有找到任何有趣的方法。这是一种可能的方法吗？

Thanks

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;
    }
}