Question

我在博客主题上工作, 每个文章边的每个条目都有字数数。我可以让字数数起作用, 但是它只在第一个条目上起作用, 然后为每个文章显示相同的数字。我需要修改下面的脚本, 找到最近的 < code> div. entrycontent , 并计算其中的单词, 但每个条目。下面是我的输入标记代码, 如果有人能帮助的话, 请感谢。

<div class="entry">
    <div class="entryinfo">
        <script type="text/javascript">
            var text = $( .entrycontent ).text();
            var wordCount = text.split(   ).length;
            $("span.words").text(wordCount +   words );
        </script>
        <span class="words"></span>
    </div>
    <div class="entrycontent">
        Lorem ipsum dolor amet...
    </div>
</div>

Answer 1

您需要使用 .each () 循环。

此脚本在页面上放置一次, 位于底部或顶部 $( document).ready( 函数( {...) } ; > 块中 :



$( .entry ).each(function(i,el) {
    var $entry = $(this),
        text = $entry.find( .entrycontent ).text(),
        wordCount = text.split(   ).length;
    $entry.find("span.words").text(wordCount +   words );
    $entry.find("span.chars").text(charCount); // IDs must be unique, use classes instead
});


<强> UPDATE 

当 $entry. findd (.entrycontent. text ()  包含许多白空格时,无论是否分隔单词,每个空格字符都会分裂。 尝试一下 :

$( .entry ).each(function(i,el) {
    var $entry = $(this),
        text = $entry.find( .entrycontent ).text(),
        wordCount = text.split(/s+/).length;
    $entry.find("span.words").text(wordCount +   words );
});

.split () docs

<强 > UPDATE 2

好吧,如果你想要一个真正的字数,我想我们应该使用.match () 而不是.spliit () :

$( .entry ).each(function(i,el) {
    var $entry = $(this),
        text = $entry.find( .entrycontent ).text(),
        marr = text.match(/w+/g) || [],  // null if no matches
        wordCount = marr.length;
    $entry.find("span.words").text(wordCount +   words );
});

Answer 2

$( .entry ).each(function() {
 var text = $(".entrycontent", this).text(),
     wordCount = text.split(/s+/).length;
 $("span.words", this).text(wordCount +   words );
 $("span#chars", this).text(charCount);
})

Answer 3

它可能与你的选择者被绑在任何元素上有关任何元素有进入内容的类别。

我建议每个条目都这样转动:

$(".entrycontent").each(function() {
    var entryInfo = $(this).prev();
    var text = $(this).text(); 
    var wordCount = text.split(   ).length;  
    entryInfo.find("span.words").text(wordCount +   words );  
});

友情链接