Перебор всех элементов рядом с селектором Javascript

Question

Привет я есть выбор коробки с того же класса супер-атрибутов выберите в различных элементах как

<dd class="clearfix swatch-attr" style="display: none;"> 
    <div class="input-box"> 
     <select name="super_attribute[327]" id="attribute327" class="required-entry super-attribute-select no-display swatch-select" 
      style="display: none;"> 
    <option value="">Choose an Option...</option><option value="2178" price="0" data-label="not specified" selected="selected">Not Specified</option></select> 
    </div> 
</dd> 
<dd> 
    <div class="input-box field__input-wrapper"> 
     <select name="super_attribute[481]" id="attribute481" class="required-entry super-attribute-select field__input field__input--select" 
      style="pointer-events: none;"> 
    <option value="">Choose an Option...</option><option value="5531" price="0" data-label="intel core i5">Intel Core I5</option></select> 
    </div> 
</dd> 
<dd> 
    <div class="input-box field__input-wrapper"> 
     <select name="super_attribute[500]" id="attribute500" class="required-entry super-attribute-select field__input field__input--select" 
      style="pointer-events: none;"> 
    <option value="">Choose an Option...</option><option value="5828" price="0" data-label="8 gb ddr3">8 GB DDR3</option></select> 
    </div> 
</dd> 
<dd> 
    <div class="input-box field__input-wrapper validation-passed"> 
     <select name="super_attribute[542]" id="attribute542" class="required-entry super-attribute-select field__input field__input--select validation-passed"> 
    <option value="">Choose an Option...</option><option value="9396" price="424" data-label="3.3 ghz">3.3 GHz</option><option value="9393" price="300" data-label="3.2 ghz">3.2 GHz -BHD 124.00</option><option value="9628" price="84" data-label="3.1 ghz">3.1 GHz -BHD 340.00</option><option value="9626" price="0" data-label="2.8 ghz">2.8 GHz -BHD 424.00</option></select> 
    </div> 
</dd> 
<dd style="display: block;"> 
    <div class="input-box field__input-wrapper"> 
     <select name="super_attribute[543]" id="attribute543" class="required-entry super-attribute-select field__input field__input--select" 
      style="pointer-events: none; display: block;"> 
    <option value="">Choose an Option...</option><option value="9857" price="0" data-label="amd radeon r9 290x">AMD Radeon R9 290X</option></select> 
    </div> 
</dd> 
<dd class="last"> 
    <div class="input-box field__input-wrapper"> 
     <select name="super_attribute[629]" id="attribute629" class="required-entry super-attribute-select field__input field__input--select" 
      style="pointer-events: none;" disabled=""> 
    <option value="">Choose an Option...</option><option value="13288" price="0" data-label="1 tb">1 TB</option></select> 
    </div> 
</dd> 

У меня есть функция JS, что триггер на изменение выбора значения

jQuery('.super-attribute-select').on('change', function() {jQuery('.super-attribute-select').each(function() {}} 

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

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

Answer 1

вы можете сделать таким образом

jQuery(this).closest('dd').nextAll('dd').find('.super-attribute-select');