Как найти все следующие элементы за пределами родителя?

Question

[Виталий]

Итак. Существует форма с элементами, и группами элементов, заключенных в блоки.
В форме так же имеется несколько скрытых полей, которые открываются при нажатии на соответствующие чекбоксы и радиокнопки. Таких полей довольно много, по этому делать скрипт для каждого по отдельности не имеет смысла.
Написал вот такой простой вариант:
jsbin.com/niqanucido/edit?html,css,js,output

Но он не работает, так как функция nextAll() ищет только сестринские элементы.

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

Нужен аналог nextAll(), который ищет за пределами родителей.

Спасибо.

Answer 1

[Виталий Инчин ☢]

//Найдет все подходящие элементы среди потомков элементов, 
//идущих после текущих

$.fn.nextTreeAll = function(selector){
  var next = this.nextAll();
  next.map(function(e){
      return $(e).find(selector);
  });
}

Пример:

<div class="test" id="one"></div>
<div class="test" id="two">
   <div class="test" id="three"></div>
</div>

$("#one").nextTreeAll(".test"); 
//Результат - только блок #three

Comments

[Виталий]

Спасибо! Очень помогли, но в ходе работы всё равно было принято другое стратегическое решение. Отныне такие конструкции управляются через CSS, конструкциями
.target-class:checked~.targetinput

[Виталий]

Решил вернуться к данному вопросу, ради интереса решить задачку и написать рабочий скрипт на будущее. Возникла пара вопросов по предложенному решению. nextTreeAll() - не могу найти никакой документации по данной функции вообще. Ошибка "nextTreeAll is not a function", что какбэ намекает. Не уточните?

[Виталий Инчин ☢]

Tratatuy: функция пользовательская - я же сам ее написал (выше).
И привел пример использования.

[Виталий]

Виталий Инчин ☢: даа. Ещё многому придётся научиться, пойду разбираться дальше)