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、 これを行う方法は何ですか？alert1

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());

それはあなたに正しい量のスパンを与えるでしょう。