如何为指定父元素下含特定Class的子元素添加额外Class？

问题原因 #

你编写的jQuery代码无法生效，核心问题是addClass()方法的参数错误：

• addClass('.new-class') 中给类名加了前缀.，但类名本身不包含这个符号，.只是CSS选择器中用来标识类的语法，不是类名的一部分。

可行代码 #

修正原写法

只需去掉类名前的.即可：

$('.iteration-Odd').find('.style2').addClass('new-class');

更简洁的后代选择器写法

直接用CSS后代选择器定位目标元素，代码更紧凑：

$('.iteration-Odd .style2').addClass('new-class');

效果验证 #

执行正确代码后，目标元素会新增new-class类，最终HTML结构变为：

<div class="iteration-Odd">
 <div class="style1"></div>
 <div class="style2 new-class"></div>
</div>

内容的提问来源于stack exchange，提问作者Daniel Acevedo