计算jquery中的标签数量

Question

我的章节分为以下几部分：

<div class="section3">
</div>
<div class="section4">
</div>
<div class="section5">
</div>
.
.
.
<div class="section104">
</div>

如何找到这些标签的数量，我现在只有类名称将是sectionX，其中X是未知的。我在这里假设这个数字从1到N，并且没有任何差距。有没有简单的方法来返回这个数字。我试过了：

var elements = $('.section').length;

但是我怀疑我需要一种循环遍历包含'section'和+ = 1的每个div标签的方法，我不知道该怎么做。有更优雅的方式吗？

Answer 1

您可以使用以选择器

开头的属性

var elements = $('div[class^="section"]').length;

但请注意，如果您向元素添加其他类值，则选择器可能会失败

作为一个公平的解决方案，我建议你为所有元素添加另一个类，如

<div class="section section3">
</div>
<div class="section section4">
</div>
<div class="section section5">
</div>

然后

var elements = $('.section').length;

Answer 2

使用以下代码满足您的需求，请参阅this.

警报（$（ “DIV [类^ = '部分的']”）的大小（））;

抱歉，尺寸为Deprecated。请改用以下内容。

alert($("div[class^='section']").length);

DEMO

DEMO I

Answer 3

http://jsfiddle.net/V27Tw/

alert($("[class^=section]").length);

Answer 4

尝试jQuery attribute selectors：

$("div[class^='section']").length