如何计算页面上相同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());

这会给你正确的跨度。