如何做一個字的使用jQuery多文字區域算什麼？

Question

我已經成功做了一次字數使用以下JS文本區域：

jQuery('span.after-amount').append(' - You have <span class="wordcount">0</span> words.'); 

    jQuery('textarea').on('input', function($) { 

     var regex = /\s+/gi; 
     var count = jQuery(this).val().trim().replace(regex, ' ').split(" ").length; 

     $('.wordcount').html(count); 


    }); 

我的HTML：

<textarea class="tmcp-field tmcp-textarea" name="tmcp_textarea_2"></textarea> 
<span class="after-amount">You have <span class="wordcount">0</span> words.</span> 

<textarea class="tmcp-field tmcp-textarea" name="tmcp_textarea_2"></textarea> 
<span class="after-amount">You have <span class="wordcount">0</span> words.</span> 

<textarea class="tmcp-field tmcp-textarea" name="tmcp_textarea_2"></textarea> 
<span class="after-amount">You have <span class="wordcount">0</span> words.</span> 

這裏是一個Fiddle。

我需要字數爲每個文本區域，有一個簡單的方法來做到這一點沒有單獨選擇每個textarea的？

Answer 1

這是我的解決方案，首先我將您的事件處理程序更改爲keyup，並使用$(this)開始計算每個textarea值的長度，以便獲取當前的textarea。

$(function(){ 
    $('textarea').on('keyup', function(){ 
     var wordsLength = $(this).val().length; 
     $(this).next().find('.wordcount').html(wordsLength); 
    }); 
}); 

檢查此updated jsfiddle。希望這有助於

Answer 2

就發現.wordcount爲<li>

jQuery('textarea').on('input', function($) { 
     var regex = /\s+/gi; 
     var count = jQuery(this).val().trim().replace(regex, ' ').split(" ").length; 
     jQuery(this).parent().find('.wordcount').html(count); 
);