JQuery селектор класса, которые имеют конкретный immediatey узла после

Question

рассмотрят следующий HTML:

<div class="a"> pick me 1</div> 
    <div class="b"> stuff </div> 
    <div class="a"> stuff </div> 
    <div class="a"> stuff </div> 
    <div class="a"> pick me 2</div> 
    <div class="b"> stuff </div> 
    <div class="a"> stuff </div> 
    <div class="c"> stuff </div> 
    <div class="b"> stuff </div> 

Я хотел бы, чтобы выбрать только див, которые имеют .a и имеют .b сразу после, так что я буду получать только забрать меня DIVS

Answer 1

Вам нужно начать с .b элементов и step back к их предыдущих .a элементов:

$('.b').prev('.a'); 

jsFiddle demo

Обратите внимание, что это не включает элементы .b, только элементы .a. С другой стороны, селектор, такой как .a + .b, будет соответствовать той же структуре, но вместо этого даст вам .b элементов.

Answer 2

я украл половину от @BoltClock, тем не менее, я думаю, что это то, что вам нужно:

$('div + .b + .a').prev().prev().css('color', 'red'); 

Особенно, если вы хотите, чтобы сделать их в красный цвет ...