Поиск элементов в контексте

[Switch74]

Требуется найти все определенные элементы лежащие в контексте другого элемента.

Например нужно найти все $('a') в $('div.parent')

<div class="parent first">
  <a>1</a>
  <div class="parent second">
    <a>2</a>
  </div>
  <div>
  	<a>3</a>
  </div>
</div>

При клике на ссылке 3 я нахожу ближайшего родителя с классом .parent, в нашем случае это $('div.parent.first')
Теперь мне нужно найти все ссылки лежащие в этом .parent (т.е. 1 и 3) кроме ссылки 2, для которой ближайшим родителем с классом .parent является $('div.parent.second')

[Great Rash]

// 1 способ
$(element, context);

// 2 способ
$(context).find(element);

 

[yardim]

  On 3/24/2016 at 1:38 PM, Great Rash said:

// 1 способ
$(element, context);

// 2 способ
$(context).find(element);

 

Expand  

А можно увидеть конкретный пример применительно к данному случаю? Либо я чего-то не понял, либо так не получится просто, если, конечно я правильно разобрался с постановкой задачи. Просто по этому методу в любом случае выберутся все узлы <a>. А нам нужны все, за исключением тех, которые лежат в div.parent.second

На мой взгляд можно еще так:

var $aCollection = $('.parent a').not( $('.parent .parent a') );
console.log($aCollection); // -> искомые узлы <a>

 

Edited March 24, 2016 by yardim

[Switch74]

@Great Rash  https://jsfiddle.net/3uLcrz39/

@yardim  https://jsfiddle.net/3uLcrz39/1/

и немного от себя
https://jsfiddle.net/3uLcrz39/2/
 

Поясню:
при клике на 1 или 5 выводится 1 и 5
при клике на 2 или 4 выводится 2 и 4
при клике на 3 выводится 3
ссылки не обязательно являются непосредственными детьми .parent и при этом не нужно получать ссылки из вложенных .parent

[Switch74]

Нужен результат https://jsfiddle.net/3uLcrz39/3/
но хотелось бы без лишних скриптов
 

[Switch74]

пока остановился на такой реализации https://jsfiddle.net/3uLcrz39/4/

[yardim]

  On 3/25/2016 at 5:39 AM, Switch74 said:

пока остановился на такой реализации https://jsfiddle.net/3uLcrz39/4/

Expand  

У вас не работает тут вот это условие:

  On 3/24/2016 at 6:14 PM, Switch74 said:

при клике на 2 или 4 выводится 2 и 4

Expand  

 

Вот так сработает (усоверщенствовал свой пример):
 

$('a').on('click', function(){
var $parent      = $(this).closest('.parent'),
    $aCollection = $parent
                        .find('a')
                        .not($parent.find('.parent a'));

    console.log($aCollection);
});

 

Edited March 25, 2016 by yardim

[nerv]

@Switch74, используй компоненты и будет тебе счастье https://vuejs.org/examples/tree-view.html

[Switch74]

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