jquery - 文本区域中的字数始终返回 11

Question

我有一个简短的例程，应该获取文本区域中的单词数，然后将该数字输出到目标。但是，无论实际有多少个单词，它总是返回 11。

我确信这很简单，但我看不到，所以如果有人能给我一些指示，我将不胜感激。谢谢。

jQuery(document).ready(function($){

    var target = $('.dd-options #wp-word-count .word-count');

    jQuery('textarea#welcome_text').on('keyup', function(){

        var text = $(this).val,
            word_count = $.trim(text).split(' ').length;

        target.html(word_count);

    });

});

Answer 1

jQuery 的 val 是一个函数，因此您必须调用它(通过在其后面放置 ()):

jQuery(document).ready(function($){

    var target = $('.dd-options #wp-word-count .word-count');

    jQuery('textarea#welcome_text').on('keyup', function(){

        var text = $(this).val(), // <====================== here
            word_count = $.trim(text).split(' ').length;

        target.html(word_count);

    });

});

您的代码所做的是(隐式)调用函数(在大多数浏览器中返回函数源代码的某个版本)上的 toString ，然后计算其中的“单词”。

旁注:在这种情况下，由于您尝试获取 textarea 的值，因此您也可以仅使用 textarea 的内置 value 属性而不是 jQuery 的 val 函数:

var text = this.value,

而不是

var text = $(this).val(),

textarea(和input)元素上的value属性在跨浏览器上非常可靠。