javascript - ネストされたコマンドでホバーされた要素のIDを取得するjQuery

Question

this.idホバー要素に似たものを探しています。パーツにプラグインthis.idすると、return...返される id は idcontainerです。それをジャンプして、元のホバーされた要素のIDに移動する方法はありますか?

$("#results p").hover(function() {
     $("#container").prepend(function() {
          return "<div id=\"tooltip\"><div id=\"tooltip-inside\">" + e.target.id + "</div></div>";
     });
}, function() {
     $("#tooltip, #tooltip-inside").remove();   
});

Answer 1

$("#results p").hover(function() {
     var hovered = $(this);
     $("#container").prepend('<div id="tooltip"><div id="tooltip-inside">'+hovered.attr('id')+'</div></div>');
}, function() {
     $("#tooltip").remove();   
});

また、コード abit を改善しました。

すでにjQueryを使用している場合は、使用しないでください.attr()

Answer 2

コールバックでtargetオブジェクトから id を読み取る必要があります。hover

$("#results p").hover(function(e) {
     var id = e.target.id;
     $("#container").prepend(function() {
          return "<div id=\"tooltip\"><div id=\"tooltip-inside\">" + id  + "</div></div>";
     });
}, function() {
     $("#tooltip, #tooltip-inside").remove();   
});

Answer 3

$("#results p").hover(function() {
     // get a reference value using jQuery. "this" refers to the element being hovered over
     var myId = $(this).attr('id');
     $("#container").prepend(function() {
          return "<div id=\"tooltip\"><div id=\"tooltip-inside\">" + myId + "</div></div>";
     });
}, function() {
     $("#tooltip, #tooltip-inside").remove();   
});