JSFiddle - React, Tailwind, and code Playground
HTML
<a class="image_is_displayed_using_this"></a>
<a class="text_with_it">Text here</a>
<a class="image_is_displayed_using_this"></a>
<a class="text_with_it">Text here</a>
CSS
.image_is_displayed_using_this {
background: #fff url(http://placekitten.com/100/100) center center no-repeat;
display: inline-block;
width: 100px; height: 100px;
}
a.hovered { color: red; }
JavaScript
var selector = '.image_is_displayed_using_this, .text_with_it';
$(selector).hover(function (ev) {
$(this).siblings(selector).add(this).addClass('hovered');
}).mouseout(function (ev) {
$(this).siblings(selector).add(this).removeClass('hovered');
});