javascript - 是什么导致我的“未捕获的TypeError:无法读取未定义的属性'toLowerCase'”错误？

仅供参考，我已经阅读了相关的线程Uncaught TypeError: Cannot read property 'toLowerCase' of undefined并尝试实现了该想法。不过，我正在经典


  未捕获的TypeError：无法读取未定义的属性“ toLowerCase”


错误，我不知道代码来自哪一行，因为错误指向jQuery。我的代码是

    ReadinessColorSetter = (function () {

        this.ColorToRange = {
            '#f65314': [0, 30],
            '#ffbb00': [31, 70],
            '#7cbb00': [70, 100]
        }

        this.SetReadiness = function (ipt) {
            // ipt: input element containing
            var val = $(this).val(),
                newcolor = "#FFF"; // default
            for (var hexcode in this.ColorToRange) {
                var range = this.ColorToRange[hexcode];
                if (val >= range[0] && val < range[1]) {
                    newcolor = hexcode;
                    break;
                }
            }
            $(ipt).parent().children().last().css('background-color', newcolor);
        }

        return this;
    })();

    // On page load, set the color of the readiness
    $(function () {
        $('input[class="completeness"]').each(function (el) {
            ReadinessColorSetter.SetReadiness(this);
        });
    });

    // When the readiness value is changed, set the color of the readiness
    //$('input[class="completeness"]').change(function () {
        //ReadinessColorSetter.SetReadiness(this);
    //});
    $(document).on('change', $('input[class="completeness"]'), function (el) {
        ReadinessColorSetter.SetReadiness($(el.target));
    });

    $('#change-submitted').click(function () {
        alert('Change submitter clicked'); // TEST
    });

如您所见，我已经注释掉了我认为的问题，并尝试实施正确的修复程序。

关于这个问题有什么指导吗？

最佳答案

这似乎是无效的：

 $(document).on('change', $('input[class="completeness"]'), function (el) {
 //-----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^----it should be a string

如您所见，您已经传递了一个jquery对象，而在描述中您应该看到它需要一个css选择器字符串，例如：

 $(document).on('change', 'input.completeness', function (el) {

并在方法中：

var val = $(ipt).val(),

如果条件应为：

if (val >= range[0] && val <= range[1]) {
    newcolor = hexcode;//--^^----------------should be less than equal instead
    break;
}

关于javascript - 是什么导致我的“未捕获的TypeError:无法读取未定义的属性'toLowerCase'”错误？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35124460/