使用jQuery添加CSS类

Question

我想知道是否可以将CSS类添加到父级及其子级。

例如：

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

所需的输出：

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

这样的事情可能吗？ 问候！

Answer 1

您可以尝试：

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

Answer 2

是的，您只需要单独选择它们：

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

按顺序，那：

• 选择<ul>元素中的所有#w元素;
• 将filefield-element类添加到其中;
• 选择匹配的<li>元素中的所有<ul>元素;
• 将filefield-preview类添加到那些。