javascript - 目标img类名

Question

我知道我可以写:

 $('.2020').css("padding", "20px");

但是我该怎么写:

 $('.a').children('img').children('.2020').css("padding", "20px");

 <div class"a">
 <img class="2020" src="img/swatch/2020.jpg" >
 <img class="2021" src="img/swatch/2021.jpg" >
 <img class="2022" src="img/swatch/2022.jpg" >
 </div>

http://jsfiddle.net/ssRYk/

Answer 1

您的选择器 $('.a').children('img').children('.2020') 尝试查找类为 2020 的元素，该类为在 img 元素内，该元素位于类 a 的元素内。

例如

<div class="a">
    <img src="img/swatch/2020.jpg" >
        <span class="2020"></span>
    </img>
</div>

但是在您的情况下，img 元素具有 class 属性，因此您有两种选择，要么连接 img 和 .2020 选择器，例如.children('img.2020') 或使用 .children('img') 查找 img 元素，并过滤其中包含类的元素使用 .filter('.2020')

设置

如果你想保留相同的结构，那么你可以

$('.a').children('img').filter('.2021').css("padding", "5px");

演示:Fiddle