Question

Is there any way to add classes or alter objects that is dynamically added to the body?

I am adding a range of objects to the body by javascript.
Fot instance Im adding some links that is dynamically generated and added to the body. When they are loaded I need to elect the first of the divs and add a new class to it.

I can’t seem to find any way to do this… Update the DOM or how should I go around this? There must be a way to alter dynamically added objects.

Any clues?

Thanks for any help!

Answer 1

if you added them dynamically, then you can just use the objects you already have. Otherwise you’ll need to find them with sizzle.

//create the elements
var $link1 = $('<a>click me</a>').attr('href','page1.html');
var $link2 = $('<a>click me</a>').attr('href','page2.html');

//append the elements
$('#some-links').append($link1).append($link2);

//use the element we created
$link1.addClass('my-class');

//find the second link element using sizzle
$('#some-links>a').eq(1).addClass('my-other-class');

demo: http://jsfiddle.net/PtebM/2/