1. Самый правильный вариант — ориентироваться на псевдокласс
:hover и все нужные изменения описывать с помощью контекстного селектора
.round-trigger:hover .icon-add {
// Тут всё, что нужно
}
2. Если уж так нужно именно менять класс, то, хотя бы, оставить смену класса именно у контейнера, что концептуально верно, и по аналогии с предыдущим
.round-trigger.round-edit .icon-add {
// Тут всё, что нужно
}
3. Ну и для совсем тяжёлого случая менять класс вот так
$('.round-trigger').hover(
function () {
$('.icon-add', this).addClass('round-edit');
},
function () {$(
'.icon-add', this).removeClass('round-edit');
}
);