JQuery，如何基于相对于兄弟姐妹的位置选择元素？

Question

<img class="a"/>
<img class="a"/>
<img class="a"/>
<img class="b"/>
<img class="a"/>
<img class="a"/>
<img class="c"/>

我不想选择所有.a。但我想选择除.a以外的元素之前的所有.a - 所以在这种情况下，我想选择第3和第6 img。

Answer 1

1. 选择课程为a的图片，其中的直接兄弟是没有课程a的图片
2. 选择上一个元素（图像）
3. 做点什么：

$('img.a + :not("img.a")').prev().addClass('foo')

＆＃13;
＆＃13;
$('img.a + :not("img.a")').prev().addClass('foo')
＆＃13;
.foo {
  border: 5px solid #faa;
}
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="a" src="http://www.placehold.it/100x100" />
<img class="a" src="http://www.placehold.it/100x100" />
<img class="a" src="http://www.placehold.it/100x100" />
<img class="b" src="http://www.placehold.it/100x100" />
<img class="a" src="http://www.placehold.it/100x100" />
<img class="a" src="http://www.placehold.it/100x100" />
<img class="c" src="http://www.placehold.it/100x100" />
＆＃13;
＆＃13;
＆＃13;