javascript - jQueryでbind()を使用するときにdivのIDを取得するには?

Question

私が次のものを持っているとしましょうdiv。

<div id="123" class="abc">Foobar</div>

divこれがマウスオーバーされたときに関数をトリガーするためにこれを行うことができることを私は知っています:

$(".abc").bind({
    mouseenter : SomeFunction(id)
});

これにより、実行する前に、「123」であるSomeFunctionthis の id を抽出し、それをパラメーターとして渡して処理できるようにしたいと考えています。私はそれを行うことができますか？divSomeFunction

Answer 1

$('.abc').bind('mouseenter', function() {
    SomeFunction($(this).attr('id'));
});

---

または、本当にイベント マップの構文が必要な場合は、次のようにします。

$('.abc').bind({
    mouseenter: function() {
        SomeFunction($(this).attr('id'));
    }
});

Answer 2

$(".abc").bind('mouseenter', function() {
  var id = this.id;
})

あなたの質問によると

$(".abc").bind({

 mouseenter : function() {
                SomeFunction(this.id)
              }

});

Answer 3

$(".abc").on({
   mouseenter : function() {
      var id = this.id;
       //or just
      SomeFunction(this.id);
   }
});

jQuery 1.7 の時点で、.on() メソッドは、イベント ハンドラーをドキュメントにアタッチするための推奨メソッドです。以前のバージョンでは、.bind() メソッドを使用して、イベント ハンドラーを要素に直接アタッチしていました。

Answer 4

関数に渡す必要はありません。簡単な方法があります。

$(".abc").bind({
    mouseenter : SomeFunction /* This might be a new way for you. 
                                 But its very useful sometimes */
});

function SomeFunction()
{
    var id = $(this).attr("id"); /* You can access $(this) in this function. 
                                    Here the $(this) will refer to the bound 
                                    element (i.e. of class ".abc") 
                                 */
}

単純！

Answer 5

$('.abc').bind('mouseenter', function() {
    SomeFunction(this.id);
});

Answer 6

$(".abc").bind('mouseenter', function() {
    var id = $(this).attr('id');
});