javascript - 使用 setTimeOut 后函数不显示父类 - jQuery

Question

在显示父元素类的函数中使用 setTimeout 后，console.log 中的结果未定义。

在用户触发输入模糊后，如何对类进行检查？

jsfiddle

    <div class="field-wrapper field-pristine">
     <input type="text" class="field-item" value="test">
    </div>

    jQuery('body').on('blur', '.field-wrapper input.field-item', function() {
    setTimeout(function(){    
        console.log($( this ).closest('.field-wrapper').attr('class'));
    }, 1200);
    })

Answer 1

您正在使用该函数丢失 this 指针，您可以使用不绑定(bind)到 this 的箭头函数

jQuery('body').on('blur', '.field-wrapper input.field-item', function () {
    setTimeout(() => {
        console.log($(this).closest('.field-wrapper').attr('class'));
    }, 1200);
})