How to get the id of the element clicked using jQuery

by

update as you loading contents dynamically so you use.

$(document).on('click', 'span', function () {
    alert(this.id);
});

old code

$('span').click(function(){
    alert(this.id);
});

or you can use .on

$('span').on('click', function () {
    alert(this.id);
});

this refers to current span element clicked

this.id will give the id of the current span clicked

More Related Contents:

  1. Difference between .on(‘click’) vs .click()
  2. How to bind ‘touchstart’ and ‘click’ events but not respond to both?
  3. How to trigger a click on a link using jQuery
  4. jQuery click events not working in iOS [duplicate]
  5. How to trigger click event on href element
  6. jquery click doesn’t work on ajax generated content
  7. Add and remove a class on click using jQuery?
  8. How can I check if a key is pressed during the click event with jQuery?
  9. Get clicked element using jQuery on event?
  10. Detect middle button click (scroll button) with jQuery
  11. jQuery: fire click() before blur() event
  12. $(document).on(“click”… not working?
  13. What are the significant differences among $(sel).bind(“click”, $(sel).click(, $(sel).live(“click”, $(sel).on(“click”?
  14. Using jQuery to programmatically click an link
  15. jQuery, checkboxes and .is(“:checked”)
  16. Jquery: detect if middle or right mouse button is clicked, if so, do this:
  17. Trigger click on select box on hover
  18. Click event called twice on touchend in iPad
  19. jquery click doesn’t work on hyperlink
  20. in Jquery how to run code with callback before submit
  21. Use jQuery to change a second select list based on the first select list option
  22. getting the X/Y coordinates of a mouse click on an image with jQuery [duplicate]
  23. Date sorting problem with jQuery Tablesorter
  24. Twitter Bootstrap add active class to li
  25. How to remove all click event handlers using jQuery?
  26. Use jQuery to convert JSON array to HTML bulleted list
  27. How add spaces between Slick carousel item
  28. Simple jQuery Ajax call leaks memory in Internet Explorer
  29. jQuery Deferred – getting result of chained ajax calls
  30. jquery get only all html elements with ids

Leave a Comment