jQuery - ta sama funkcja dla różnych id

Question

Hej,

czy jest możliwy krótszy zapis funkcji, jeśli chcę zastosować ten sam mechanizm dla kilku elementów? Dajmy na to na przykładzie tego kodu:
 

			$(keyC).on('mousedown', function(){
				$('#keyC').attr('src', 'img/keyConClick.png');
			}).on('mouseup', function(){
				$('#keyC').attr('src', 'img/keyC.png');
			});
			
			$(keyD).on('mousedown', function(){
				$('#keyD').attr('src', 'img/keyDonClick.png');
			}).on('mouseup', function(){
				$('#keyD').attr('src', 'img/keyD.png');
			});

Z góry bardzo dziękuję za pomoc.

Answer 1

Możesz po prostu to pętlą machnąć.

Ale raczej proponowałbym każdemu przyciskowi przypisać jego id (A, B, C) poprzez data-id, i zamiast podpinać akcje pod konkretne przyciski, podpiąć akcję pod całą grupę przycisków i potem tylko pobierać ich data-id i wstawać w odpowiednie miejsce.