CODEWITHSUNDEEP
javascriptjqueryhtmlajaxdynamically-generated
Karandawov
Karandawov

Reputation: 93

jQuery - Find dynamically created element without events

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

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

The code above will find the #dynamicElement when its being clicked on. But what if there is no click, nor any other event?

Suppose the following scenario:

$.ajax(
    url:'file.php',
    data: {'param':'value'},
    success: function(response){
         /*
         how would I get #dynamicElement if it was not click on?
         the element had no event fired at all, nor had any of its parennt
         containers.

          Now what?
         */
    }
);

Upvotes: 5

Views: 7103

Answers (2)

David Li
David Li

Reputation: 1290

How event binding works is as long as that element is in the DOM itself, you can access it by writing a selector like the following:

$('#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.

Upvotes: 1

filype
filype

Reputation: 8380

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.

Upvotes: 4

Related Questions