Question

How do I add CSS to elements that have been dynamically created?

Here is a simple example of what I would like to do:

$(document).ready(function() { 
    $('#container').html('<p id="hello">hello world</p>');
    // The following line doesn't work. 
    $('#hello').css("background-color", "#FFF");
});

The reason I want to do this, and I can’t think of another way of doing it, is that I want to use background colour on alternate rows of a table that is dynamically generated:

$("#results-table tr:even").css("background-color", "#FFF");

I need to use this line of jQuery specifically for IE8 and below, which don’t support nth-child CSS selectors.

Answer 1

Actually, your code does work. You might want to check if you don’t have multiple elements by that ID.

Edit:
Here’s your code, without duplicate IDs: http://jsfiddle.net/FhTU7/

Final edit:
Your HTML background and element background are both white.