hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><span class="linear">xxx</span></a></li>
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><span class="linear">xxx</span></a></li>
</ul>
$(".nav-item").hover(function(){
$("this").find('span').css('border-bottom', ' 1px solid #fff');
}, function() {
$("this").find('span').css('border-bottom', ' 1px solid #ccc');
});