javascript - Check if dynamically created element has class

Question

I want to check if an element exists on the page with a specified class (that's created dynamically.)

The simplest would be to do this, but since the elements doesn't exist on the page when the DOM loads, this won't work the way I want it to. (Hopefully I got that correct..)

if($('.list li').hasClass('//aDynamicallyGeneratedClass')){
//Then do this with my object.
});

Update: I'm running this inside an AJAX function which fetches data from MySQL. That function can be run even if the page doesn't reload so I don't want to use Document.onload.

Answer 1

Are you adding the element to the DOM after the page is ready? If you so, you can just check if the element has the class as you described in your question.

However, if the element is being added before the DOM is ready, simply do this:

$(document).ready(function () {
   if($('.list li').hasClass('aDynamicallyGeneratedClass')){
     //Then do this with my object.
   });
});

When the DOM is ready, then this function will fire.
I hope this helps!
Cheers!