jQuery, фильтрующий селектор для удаления вложенные элементы, соответствующие шаблону

Учитывая эту демонстрационную разметку (принимающий случайное число элементов между .outer и .inner:

<div class="outer">
    <div>
        <div>
            <div class="inner"></div>
        </div>
    </div>
</div>

Я могу настроить jQuery для выбора внешних и внутренних отделений как таковых:

$outer = $('.outer');
$inner = $outer.find('.inner')

Хорошо работает.

Однако скажем, я хочу позволить неограниченное вложение этой логики, таким образом, у меня может быть это:

<div class="outer"> div a
    <div class="inner"> div b
        <div class="outer"> div c
            <div class="inner"> div d </div>
        </div>
    </div>
</div>

В той ситуации, при выборе отделения через .outer Я хочу соответствовать ему только отделению b. В otherwords я хочу исключить предков вложенного .outer предок.

Я хотел бы иметь сокращения внешних и внутренних (s), содержавший на их уровне вложенности.

Я надеюсь .filter() мог осуществить его, но не может думать о селекторе, который работал бы универсально на неограниченные вложенные шаблоны. Это - выполнимое использование фильтра? Или возможно даже прямой селекторный шаблон?

ОБНОВЛЕНИЕ:

Я думаю, что что-то вроде этого могло работать, но не уверенное, как каждый может (или если это позволяется), ссылаются на 'это' в селекторе:

$outer = $('.outer');
$inner = $outer.not('this .outer').find('.inner')

ОБНОВЛЕНИЕ 2:

Я должен был упомянуть это первоначально: .inner всегда будет потомок .outer но не обязательно непосредственный ребенок.

ОБНОВЛЕНИЕ 3:

Вот некоторые испытательные образцы HTML, который мог использоваться. В каждом случае я хотел бы смочь выбрать .outer и разделить на пары .inner's, который он содержит между собой и вложенным внешним. Для ясности я добавил имена к каждому отделению (внешние-x пары с внутренним-x)

//sample 1
<div class="outer"> outer-a
    <div>
        <div class="inner"> inner-a
            <div class="outer"> inner-b
                <div class="inner"> inner-b </div>
            </div>
        </div>
    </div>
    <div>
        <div class="inner"> inner-a </div>
    </div>
</div>

//sample 2
<div class="outer"> outer-a
        <div class="inner"> inner-a
            <div class="outer"> inner-b
                <div>
                    <div class="inner"> inner-b </div>
                </div>
            </div>
        </div>
</div>

//sample 3
<div class="outer"> outer-a
        <div class="inner"> inner-a
            <div class="outer"> inner-b
                <div class="inner"> inner-b
                    <div class="outer"> outer-c 
                        <div class="inner"> inner-c</div>
                    </div>
                </div>
            </div>
        </div>
</div>

//bonus sample (we're trying to avoid this)
<div class="outer"> outer-a
        <div class="inner outer"> inner-a outer-b
            <div class="inner"> inner-b </div>
        </div>
</div>

ОБНОВЛЕНИЕ 4

Я думаю, что закончил тем, что спустился по подобному пути как gnarf. Я закончил с этим:

var $outer = $('.outer');
var $inner = $outer.find('.inner').filter(function(){
    $(this).each(function(){
        return $(this).closest('.outer') == $outer; 
  });                                                                  
});

Я на правильном пути там? Это не работает так, я предполагаю, что у меня есть определенная логическая ошибка все еще.