jQuery trigger click (element.click()) on dynamically created button

Question

I know that with on('click') for dynamically created elements, I must first use a parent element that existed in the DOM For example parent.on('click', child, function(){});

However now my task is to trigger a click to a dynamically created button.

I tried $('#button_' + id).click() and $('#button_' + id, '#parentContainer').click() but they didn't work.

Answer 1

.trigger('click') instead?

 $("#container").append('<div id="parentContainer"></div>'); $("#parentContainer").append("<button>Test</button>"); $("#container").on('click', '#parentContainer button', function(){ $("#container").after("click!<br>"); }); $("button").trigger("click"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="container"></div> 

Answer 2

Why don't you try

$('#button_' + id).on('click',function(){
   //your click event
});