Использование jQuery inArray и скрытие значения параметра

Question

Я думаю, что я почти там, но can not, похоже, может скрыть определенные значения параметров в моем цикле. На данный момент все опции выбора значений скрываются. Может ли кто-нибудь помочь мне настроить это, чтобы заставить его работать?

function initialStrandOptions() { 
if($('#component_id_1').prop('checked') == true){ 
    var strand_options = $('.strand_options').find('option') 
    strand_options.each(function(){ 
    if(jQuery.inArray(strand_options, ['4', '5', '6', '7'])){ 
    $(this).hide(); 
    } 
    }); 
} 
} 

Есть ли лучший способ достичь моей цели здесь?

Благодаря

Answer 1

Вы должны проверить значение в настоящее время повторного варианта, на который ссылается this в петле, а также сравнить его с -1 возвращенного inArray:

function initialStrandOptions() { 
    if ($('#component_id_1').prop('checked') == true) { 
     var strand_options = $('.strand_options').find('option') 
     strand_options.each(function() { 
      if (jQuery.inArray(this.value, ['4', '5', '6', '7']) > -1) { 
       $(this).hide(); 
      } 
     }); 
    } 
} 

Demo