Question

我有代码显示每个帖子的单词数。这段代码我可以在this post的@Hektor中找到。谢谢Hektor ..

但是在我的博客上应用它时遇到了一个新问题。

以下是代码：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js' type='text/javascript'></script>

<div class="post">abc def ghi jkl mno pqr stu</div>
<div id="box"></div>
<div id="box"></div> //That this does not work

        <script>
            function wordcount(){

                    var e = $(".post");

                    var totalWords = 0;
                    for (var i = 0; i < e.length; i++) {

                        var innerTx = e[i].innerHTML;
                        var wordArray = innerTx.split(' ');
                        var thisTotal = wordArray.length;
                        totalWords += thisTotal;
                    }
                    if (totalWords > 15 ) {
                        $("#box").html("15+ words");
                    }
                        else if(totalWords > 10){
                        $("#box").html("10-15 words");
                        }
                        else if(totalWords > 5){
                        $("#box").html("5-10 words");
                        }
                        else if(totalWords > 0){
                        $("#box").html("0-5 words");
                        }
            }

            wordcount();
        </script>

如果只放置一个DIV，这样可以正常工作，但如果是两个div，则不起作用。

有解决方案吗？

Answer 1

您不能对两个不同的HTML标记使用相同的id属性您应该使用类选择器而不是ID选择：

<div class="box"></div>
<div class="box"></div>

$(".box").html("... words");

结果两个地方没有出现计数词

1 个答案: