Question

Let’s say I have the following div.

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

I know I can do this to trigger a function when this div is moused-over:

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

With this, before SomeFunction runs, I want to be able to extract out the id of this div, which is “123”, and pass it though as a parameter to SomeFunction for it to handle. Could I do that?

Answer 1

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

---

Or, if you really want the event map syntax:

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