JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="///ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/base/jquery-ui.css">
<li class="active">
    <a href="index.html" title="Homepage">Homepage<i class="icon-home">I'm I</i></a>
     <a href="index.html" title="Homepage">Homepage<i class="icon-home">I'm I</i></a>
</li>

CSS

.icon-white, .icon-home.icon-white {
    color: #f00
}
.icon-home {
    color: #ddd
}

JavaScript

$("li.active > a > i").addClass('icon-white');

$('li.active').hover(
function() {
    $('a', this).toggleClass('icon-white');
});