私はこのコードを持っている右ホバー

Question

上のjQueryのフロート：

<div class="footer-menu"> 
    <span> 
     <i class="fa fa-angle-right fa-md" aria-hidden="true"></i>World 
    </span> 
    <span> 
     <i class="fa fa-angle-right fa-md" aria-hidden="true"></i>Internet 
    </span> 
    <span> 
     <i class="fa fa-angle-right fa-md" aria-hidden="true"></i>Travel 
    </span> 
    <span> 
     <i class="fa fa-angle-right fa-md" aria-hidden="true"></i>Technology 
    </span> 
    <span> 
    <i class="fa fa-angle-right fa-md" aria-hidden="true"></i>Fashion 
    </span> 
</div> 

私が達成したい何がにクラスフロート右を追加することです私はタグ私はスパン上にカーソルを移動jQueryを使用します。問題は、1つのスパンにカーソルを合わせると、クラスがすべてタグに追加されることです。

$(".footer-menu span").hover(function() { 
    $('i').addClass("float-right"); 
}); 

Answer 1

が必要な場合は、この

$(".footer-menu span").hover(function() { 
    $(this).children("i").addClass("float-right"); 
}); 

を試してみてください。この

$(".footer-menu span").hover(function() { 
    $(this).find("i").addClass("float-right"); 
}); 

Answer 2

あなたは上のスタイルの更新を処理するためにJavascriptを必要としない削除クラスを置く

$(".footer-menu span").hover(function() { 
     $(this).children("i").toggleClass("float-right"); 
    }); 

Answer 3

のように試してみてくださいホバー。 CSSでそれを行う方が簡単です：

.footer-menu span i { 
    float: left; 
} 
.footer-menu span:hover i { 
    float: right; 
}