javascript - 如何计算我的页面上有多少个相同 id 的跨度？

Question

我有这个 html 代码：

<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>

id="post"我想计算我的页面中有多少跨度。当我尝试使用时.length，alert我得到1 了这样做的方法是什么？

Answer 1

您可能想要使用class而不是id.

喜欢：

<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>

和

alert($('span.post').length);

Answer 2

ID 必须是唯一的。尝试改用类。然后你可以这样做：

alert(document.getElementsByClass("post").length);

// or jQuery
alert($(".post").size());

这会给你正确的跨度数量。