Как сократить код на jQuery?

Question

[Maxymus1996]

Помогите пожалуйста сократить код:

$('.year-1').click(function() {
		fullpage_api.moveTo(2);
	});
	$('.year-2').click(function() {
		fullpage_api.moveTo(3);
	});
	$('.year-3').click(function() {
		fullpage_api.moveTo(4);
	});
	$('.year-4').click(function() {
		fullpage_api.moveTo(5);
	});
	$('.year-5').click(function() {
		fullpage_api.moveTo(6);
	});
	$('.year-6').click(function() {
		fullpage_api.moveTo(7);
	});
	$('.year-7').click(function() {
		fullpage_api.moveTo(8);
	});
	$('.year-8').click(function() {
		fullpage_api.moveTo(9);
	});
	$('.year-9').click(function() {
		fullpage_api.moveTo(10);
	});
	$('.year-10').click(function() {
		fullpage_api.moveTo(11);
	});

Comments

[Павел Корнилов]

А дайте фрагмент разметки. Мне кажется, что элементы с классами year-N должны иметь общего предка. В этом случае - нужно использовать делегирование события клика с него, т.о. сократив количество обработчиков с 10 до 1.

Answer 1

[Ihor Bratukh]

for (let i = 1; i <= 10; i++) {
    $(`.year-${i}`).click(() => fullpage_api.moveTo(i + 1));
}

Comments

[Maxymus1996]

Спасибо!