jquery - $(this).each function() 外の DOM 要素へのアクセス

Question

特定の css クラスに関連付けられた項目にマウスを合わせたときに入力したい JSP に div がありますが、スコープの問題が発生しているようです。私が間違っていることは何か分かりますか？

JSP: $('.hoverTrigger').myFunc();

ここにテキストが入ります

JSP によって参照される JavaScript .js ファイル:

$.fn.myFunc = function(options) {
  $(this).each(function() {
    $this.hover(
       function() {
         // Want to set text in messageBox here but not working
         $('#messageBox').after("Hover IN").remove();
       },
       function() {
         // Want to set text in messageBox here but not working
         $('#messageBox').after("Hover OUT").remove();
       }
    );

  });
};

Answer 1

$(this).hoverの代わりに欲しいと思います$this.hover。#messageBoxまた、マウスインで削除すると、マウスアウトで選択できなくなります。

Answer 2

$(this).hover();// トリックを行う必要があります。または、変数をキャッシュできます。

var currobj; 
 $(this).each(function() {
currobj=$(this)//cache the current object. and use it 
    $(currobj).hover(
       function() {
         // Want to set text in messageBox here but not working
         $('#messageBox').after("Hover IN").remove();
       },
       function() {
         // Want to set text in messageBox here but not working
         $('#messageBox').after("Hover OUT").remove();
       }
    );

  });