Question

HTML

   <input type="text" id="trainingFee" name ="training Fee" class="number error" value="" onblur="callMe()">

的jQuery

    function callMe(){
       if($this.id).hasClass('error')){
        alert("has error class");       
 }

}

但这不起作用。我做错了什么？

Answer 1

您正尝试使用此上下文访问元素的当前ID。您需要将其传递给函数才能执行此操作

<强>的onblur = “呼我（这）”

 function callMe(elem){
       if($(elem).hasClass('error')){
        alert("has error class");       
 }
}

否则你可以尝试这种方法

FIDDLE

$(function() {
    $('#trainingFee').on('blur', function() {
        if ($(this).hasClass('error')) {
            alert("has error class");
        }
    });
});

<input type="text" id="trainingFee" name ="training Fee" class="number error" value=""  />

Answer 2

您应该从HTML中删除onblur属性，然后使用jQuery完成所有操作。

$('#trainingFee').blur(function () {
    if ($(this).hasClass('error')) {
        alert('has error class');
    }
});

Answer 3

您可以尝试：

if ($(this).is('.error')) {
  ...
}

如何检查onBlur触发的元素有一些jQuery类

3 个答案: