[BETEPAH]

изменилось только имя класса, тк это чуть более правильно, чем есть.

на основании чего Вы сделали этот вывод? Если в проекте используется определенный нейминг, наверное, на это были причины. Уж в таком случае чуть более правильным было бы добавить класс, а не заменять.

ТС написал, что юзает jQuery изначально.

Мы по-разному трактуем предложение "С jQuery имею дело недавно". Если что-то можно сделать без jQ, не раздувая при этом код, лучше делать без jQ.

в чем?)

парирую вопросом: в чем отличие-то? Почему там костыль, а здесь не костыль?

<span class="cvet_tovara" data-default="Орех">Орех</span>
<br>
<div class="img_tovara_1"><img src="/img/20a.jpg" width="38" height="38" alt="Орех" title="Орех"></div>
<div class="img_tovara_2"><img src="/img/19s.jpg" width="38" height="38" alt="Ольха" title="Ольха"></div>
<div class="img_tovara_3"><img src="/img/18d.jpg" width="38" height="38" alt="Кедр" title="Кедр"></div>
<script>
[].slice.call(document.querySelectorAll('[class ^= img_tovara_]')).forEach(function(node){ 
    var title = document.querySelector('.cvet_tovara');
    node.onmouseenter = function() {
        title.innerHTML = this.querySelector('img').title;
    }
    node.onmouseleave = function() {
        title.innerHTML = title.getAttribute('data-default');
    }
// это можно убрать, если не понадобится :)
    node.onclick = function() { 
        title.setAttribute('data-default', title.innerHTML = this.querySelector('img').title);
    }
  });
</script>