How Can I Identify the Source Element of a jQuery Event?

Identifying the Event Source

When an event occurs, it is often desirable to determine the identity of the element that triggered it. This is particularly useful for performing specific actions based on the event source.

In jQuery, the event.target property can be utilized to obtain the ID of the element that fired the event. This property represents the direct source of the event.

Example Implementation

Consider the following JavaScript code:

In this code, when an element is clicked, the click event handler is invoked. The event parameter is passed to the handler, and the event.target.id property is retrieved to obtain the ID of the clicked element. This ID is then logged to the console for display.

Note:

The event.target property references the actual DOM element. To perform jQuery operations on the element, it must be wrapped in a jQuery object using $(this). For example:

The above is the detailed content of How Can I Identify the Source Element of a jQuery Event?. For more information, please follow other related articles on the PHP Chinese website!