How to Get the ID of the Element that Fired an Event in jQuery

Answer: Use the `event.target` Property

You can use the event.target property to get the ID of the element that fired an event in jQuery. This property always refers to the element that triggered the event.

The following example will display the name of the element that was just clicked.

Example

Try this code »

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get the DOM Element that Initiated the Event</title>
<style>
    div, p, span{
        padding: 30px;
        display: block;        
        border: 3px solid #999;
    }
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $(document).click(function(event){
        alert("You've clicked: " + event.target.nodeName + ", id: " + event.target.id);
    });
});
</script>
</head>
<body>
    <div id="myDiv">
        <p id="myP">
            <span id="mySpan">Just click anywhere.</span>
        </p>
    </div>
</body>
</html>

Related FAQ

Here are some more FAQ related to this topic:

Previous Page Next Page

How to Get the ID of the Element that Fired an Event in jQuery

Answer: Use the event.target Property

Example

Related FAQ

About Us

Contact

Interactive Tools

Answer: Use the `event.target` Property