JavaScript: "TypeError: $(...).html(...).html(...).css is not a function"

Question

我正在尝试编写一个函数来计算一段文本中的音节数，我知道它不会那么准确，这只是我目前需要的一个简单版本，它可以粗略地计算音节数。

whenkeydown = function(max_length) {
$("#my_text").unbind().keyup(function() {
    //check if the appropriate text area is being typed into
    if (document.activeElement.id === "my_text") {
        //get the data in the field
        var text = $(this).val();

        function countSyllables(words) {
            console.log(words);
            for (var z; z < words.length; z++) {
                word = word[z].toLowerCase();                                     
                if(word.length <= 3) { return 1; }                             
                word = word.replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '');   
                word = word.replace(/^y/, '');                                 
                syllables = word.match(/[aeiouy]{1,2}/g).length; 
                syllableCount += syllabes   
                }              
        return syllableCount
        }

        var syllableCount = countSyllables(text)

        $("#noOfSyllables").html("").html(syllableCount).css("color", "#F7860C"); //orange

我在(aptana/firefox)调试器中遇到的错误是“TypeError: $(...).html(...).html(...).css is not a function”，这是否意味着我的函数没有返回任何内容？

Answer 1

您的变量syllableCount从未在您的函数countSyllables中设置。

我希望看到 var syllableCount = 0;

function countSyllables(words) {
    var syllableCount = 0;
    ...

第二期。

您将 text() 视为返回数组。它是一个单字符串。