jQuery onload事件维护“这个”

Question

 $(this).load(function(){
  if ($(this).val()!="") {
    $(this).next().css('display','none');
  }
});

I am trying to make a function that hides the element after it if it's value wasn't none, but when the load event is launched, the "this" keyword now points at "Document" !! i tried load/ready/bind load the control doesn't has an ID , what am i missing ...?

Answer 1

You can always preserve the value of this :

var it = this;
$(this).load(function() {
  if ($(it).val() != '') ...

Why it might be that you'd assign a "load" handler to some sort of form field element is not clear, however.