javascript - マウス入力要素 ID を取得するには?

Question

マウスが入っている間にオブジェクトIDを取得する解決策はありますか? このようなもの：

mouseenter(function () {
alert(ObjectName);
});

MORE：私のページに何十ものDIVがあり、マウスが入るときにそれらの色を変更したいので、オブジェクトIDを知るまでそれを行いません.反対側ではマウス入力機能を設定できませんそれらのいずれかを個別に。

Answer 1

div があるとします。

<div id="div1" class="list-item"></div>
<div id="div2" class="list-item"></div>
<div id="div3" class="list-item"></div>

jQuery では、これを実行して ID を取得します。

$('.list-item').mouseenter(function (event) {
  alert(event.target.id);
});

そうは言っても、色を変更するためにIDを知る必要はありません。なぜなら、event.target変更divしたいからだと思います。だから、次のようなことをしてください：

$('.list-item').mouseenter(function (event) {
  $(event.target).css({backgroundColor: '#F00'});
});

$('.list-item').mouseleave(function (event) {
  $(event.target).css({backgroundColor: ''});
});

Answer 2

mouseenter が jquery イベント ハンドラの場合

$("<selector>").mouseenter(function(){
    alert(this.id);
});