無法在文檔加載火功能

Question

HTML：

<input class="test removeMe" type="text"> 

的jQuery：

$(function() { 
    function isEmpty() { 
     if (!$(".test").val()) { 
      $(this).removeClass("removeMe"); 
     } else { 
      $(this).addClass("addMe"); 
     } 
    } 
    isEmpty(); 
}); 

請告訴我，我在哪裏錯了？

我想要isEmpty在加載/重新加載時觸發並檢查輸入是否有價值。如果沒有，它將刪除removeMe類。如果它有一定的價值，它會增加addMe類。

控制檯是空的，我無法弄清楚爲什麼這不能正常工作。

更新：

很奇怪......它確實火正確警報相對，如果是空的或不是，但不添加/刪除類。 https://jsfiddle.net/37tt3x72/1/

更新02

它的工作，但不完全... https://jsfiddle.net/37tt3x72/2/ 的this是不工作...如果與目標元素替換它，比它會工作。所以問題仍然存在：爲什麼this不在這裏工作？

Answer 1

羅裏McCrossan提供了巨大而翔實的答案在這裏：Why "$(this)" doesn't work in the following example

而且adeneo另一個SO提問時指出/如何this作品答案：How does the "this" keyword work?

Answer 2

$(function() { 
 
    function isEmpty() { 
 
     if (!$(".test").val()) { 
 
      alert("Empty"); 
 
      $(this).removeClass("removeMe"); 
 
     } else {  
 
     alert("not Empty"); 
 
      $(this).addClass("addMe"); 
 
     } 
 
    } 
 
    isEmpty(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="test removeMe" type="text">

從功能齊全的文檔

Answer 3

通話功能。

function isEmpty() { 
    if (!$(".test").val()) { 
     $(this).removeClass("removeMe"); 
    } else { 
     $(this).addClass("addMe"); 
    } 
} 

$(document).ready(function(){ 
    isEmpty(); 
});