javascript - jQuery $(this) 引用未定义

Question

我有一段 javascript 代码，用于跟踪表单参与度。我使用 $(this) 将对象传递给脚本中的两个函数，但我接下来的几行代码没有执行，因为 Chrome 说“无法读取未定义的属性‘长度’。为什么我不能使用 $(this )不再引用？

$('select').blur(function () {

                var input_category = get_input_category($(this));

                var form_identifier = get_form_identifier($(this));

                if($(this).attr('name').length) {
// This is where I get the error ^^
                    var object_identifier = $(this).attr('name');
                }
                else if($(this).attr('id').length) {
                    var object_identifier = $(this).attr('id');
                }
                else if($(this).attr('class').length) {
                    var object_identifier = $(this).attr('class');
                }
                else {
                    var object_identifier = null;
                }
});

编辑:选择框没有附加名称值。

                        <select type="select">
                          <option value="volvo">Volvo</option>
                          <option value="saab">Saab</option>
                          <option value="mercedes">Mercedes</option>
                          <option value="audi">Audi</option>
                        </select>

但这不是我的脚本所寻找的吗？如果它没有名字，我希望它继续前进。如何检查属性而不出现错误？

Answer 1

正如 Vega 所见，问题出在 attr('name') 值上。

不要检查对象的长度来检查它的定义，因为当没有可以获取长度的对象时，这会引发错误。

使用通常的 js 模式简单地检查它的定义和非空值:

if ($(this).attr('name'))

而不是

if ($(this).attr('name').length)

请注意，第一个测试还检查这不是 ""。因此绝对没有理由检查对象是否已定义以及是否不是 ""。