jQuery - Find dynamically created element without events

Question

Tho this question has been asked before, and the answer is this:

$(\'#container\').on(\'click\',\'#dynamicElement\', function(){ /* the code */ });


        

Answer 1

If your new element is being added to the page inside the success callback, at that point you can call $('#dynamicElement')

Using $('#dynamicElement') anywhere outside of the callback would not return the element since it had not been added to the DOM yet.

Answer 2

How event binding works is as long as that element is in the DOM itself, you can access it by

$('#dynamicElement)

The reason you need event delegation is when you dynamically create the elements after you bound the event. Then, when the event is fired, it looks through all the children of the element you bound it to to find if there are any elements matching your selector.

However, if you know that the element has already been appended to the DOM, you can bind it directly without event delegation, and access it through finding it by ID.

If it hasn't yet, there is no way for you to manipulate it as it doesn't exist yet.