CODEWITHSUNDEEP
javascriptjquery
senzacionale
senzacionale

Reputation: 20916

get elementId from event in jquery

function barvaInfo(event) {

$(document).ready(function(){
var nid = window.event.srcElement.id;
}

this works in IE but not in FF. Can i use jquery for this? i try with JQuery event api but then i do not know how to get ID from it.

Upvotes: 3

Views: 968

Answers (2)

user113716
user113716

Reputation: 322502

If you're using jQuery, you'll need to assign a parameter to your event handlers, then pass the argument to your function on each event.

You may also want to call it from the context of the element that received the event.

     // some mouseover event handler
$('div').mouseover( function( e ) { 
    barvaInfo.call( this, e )
});

function barvaInfo( event ) {
       // element that originated the event
    var nid = event.target.id;

    // in this function, because we're using .call() to invoke it, 
    //    "this" will reference the element that invoked the handler
}

Upvotes: 4

jAndy
jAndy

Reputation: 236022

The event object is normalized through jQuery for you and is passed into each event handler:

$('someelement').bind('click', function(event) { 
    var nid = this.id; // event.target.id
});

within the handler, this refers to the dom node of invocation. So this.id would address the id of the element. Alternative, the event object owns a property called target which also represent the element.

edit

As patrick dw pointed out, this will always be a reference to the node to which the event handler was bound to. event.target is exactly what it says, the element which is the actual target. See comments for an example link.

Upvotes: 2

Related Questions