Почему .hide .show не работают в Safari iphone?

Question

[Rusland420]

Возник вопрос. Есть код он работает везде, кроме safari на iphone . А именно в выпадающем списке тег Select .
скрипт выглядит так:

<script type="text/javascript">
function myTimeCheck() {
	
    
  const now = new Date(); // время браузера
  const hour = now.getHours(); // который час
 const day=now.getDate(); // который день
let a=$('.t-datepicker').val();
let userDay= a.split('-')[0];
    let i=day-userDay;

if (hour > 17 && hour < 24 && i==0 ) {
 $('.select  option:contains("19:00-21:00(только доставка)")').hide();
 $('.select  option:contains("15:00-17:00")').hide();
 $('.select  option:contains("13:00-15:00")').hide();
 $('.select   option:contains("11:00-13:00")').hide();
 $('.select  option:contains("09:00-11:00")').hide();
 $('.select  option:contains("17:00-19:00(самовывоз пн-пт)")').hide(); 
 $('.select').hide();

  } else if(i!=0){
       $('.select').show();
 $('.select  option:contains("09:00-11:00")').show();
 $('.select  option:contains("11:00-13:00")').show();
 $('.select  option:contains("13:00-15:00")').show();
 $('.select  option:contains("15:00-17:00")').show();
 $('.select  option:contains("17:00-19:00(самовывоз пн-пт)")').show();
 $('.t-select__wrapper  option:contains("19:00-21:00(только доставка)")').show();

  }
}
setInterval(myTimeCheck, 7);
	</script>

Comments

[Steppp]

Попробуй бабель использовать)

[Алексей Абрамов]

Некоторые версии сафари не поддерживают метод hide. Либо добавляйте класс, в котором будет display:none. Либо свойство .css('display', 'none');

CSS:

.hide{
 display:none;
}

JS:

//скрыть
 $('.select  option:contains("19:00-21:00(только доставка)")').addClass('hide')
//показать
 $('.select  option:contains("09:00-11:00")').removeClass('hide');