Как заставить скрипт правильно работать?

Question

[denism300]

Есть скрипт, который перезагружает гифку при наведении.
Гифка должна выбираться на основе класса элемента. Сделал так, но работает неправильно - подгружается всегда первая гифка icon-training.gif

tabA = document.getElementById('trainingTabA');

if (tabA.classList.contains('courses-for-pregnant')) {
	imgSrc = './wp-content/themes/yampa/img/icon-training.gif'
}

if (tabA.classList.contains('fitness-for-pregnant')) {
	imgSrc = './wp-content/themes/yampa/img/icon-fitness.gif'
}

if (tabA.classList.contains('services-for-pregnant')) {
	imgSrc = './wp-content/themes/yampa/img/icon-uslugi.gif'
}

if (tabA.classList.contains('services-for-newborns')) {
	imgSrc = './wp-content/themes/yampa/img/icon-baby.gif'
}

if (tabA.classList.contains('services-for-mother')) {
	imgSrc = './wp-content/themes/yampa/img/icon-mama.gif'
}

jQuery('.training').hover(function() {
	jQuery(this).hasClass('hovered')?console.log('already hovered'):jQuery(this).addClass('hovered');
	jQuery(this).find('img').attr('src', imgSrc);
});