JQuery как упростить скрипт чтобы не городить повторения?

Question

[Day]

$('.tab5').click(function(){
	setTimeout(function(){
		$('#item-5').trigger('click');
               	}, 100);
});
$('.tab6').click(function(){
	setTimeout(function(){
		$('#item-6').trigger('click');
               	}, 100);
});
$('.tab7').click(function(){
	setTimeout(function(){
		$('#item-7').trigger('click');
               	}, 100);
});
$('.tab8').click(function(){
	setTimeout(function(){
		$('#item-8').trigger('click');
               	}, 100);
});
$('.tab9').click(function(){
	setTimeout(function(){
		$('#item-9').trigger('click');
               	}, 100);
});

Comments

[Ankhena]

Связать итемы и табы родственными связями и использовать this.
Как именно, без html кода не сказать.

Answer 1

[AnjeyTsibylskij]

$('[class^="tab"]').click(function(){
  var id = parseInt($(this).attr('class').replace('tab', ''));
  
  if(!isNaN(id)) {
  	setTimeout(function(){
    	    $('#item-'+id).trigger('click');
        }, 100);
  }
});

P.S. В любом случаи, это не самая хорошая реализация, лучше немного поменять структуру и записать необходимые значения в data атрибуты

Comments

[Ankhena]

var $this = $(this);
а эта строчка зачем?

[AnjeyTsibylskij]

Ankhena W: по привычке написал, думал пригодится и забыл удалить

[Ankhena]

AnjeyTsibylskij: думала, вдруг лайфхак какой-то неизвестный :)