Problem: jQuery; How to target dynamic element?


This article will also answer following problem:

  • How do you bind a click event to dynamically created elements?
  • How do you add an event dynamic to an element?
  • How do you bind a click event in jQuery for dynamically added HTML element?
  • Click event doesn’t work on dynamically generated elements
  • Why dynamically input field are not removing by clicking remove button
  • Click event not working on objects added dynamically in jQuery

Sometime when you working with jQuery and want to select element but you wonder why my element is not selected and nothing is happen?
Well, it is happen when your element is generated dynamically by jQuery function or ajax call.


To target dynamic element you can use this script

$(document).on(event, targetElement/selector, function(){})

$(document).on('click', '.myClass', function(e) {
// your code here


How useful was this post?

Click on a star to rate it!

Average rating 5 / 5. Vote count: 1

No votes so far! Be the first to rate this post.