Adding CSS Classes using jQuery

Question

I would like to know if it is possible to add CSS classes to a parent and its child.

For example:

$('#w').html('<ul><li></li></ul>');
$('#w ul').addClass('.filefield-element .filefield-preview');

The desired output:

$('#w').html() is now:
<ul class="filefield-element"><li class="filefield-preview"></li></ul>

Is such a thing possible? Greetings!

Milind Anantwar · Accepted Answer · 2014-01-20 15:14:06Z

5

You can try:

$('#w ul').addClass('filefield-element').find('li').addClass('filefield-preview');

answered Jan 20, 2014 at 15:14

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anthony Grist · Accepted Answer · 2014-01-20 15:14:22Z

2

Yes, you just need to select them individually:

$('#w ul').addClass('filefield-element').find('li').addClass('filefield-preview');

In order, that:

answered Jan 20, 2014 at 15:14

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges