javascript - jQuery - 从前面的兄弟元素中删除边框

Question

我正在尝试删除悬停在菜单上的元素上方的同级元素上的边框底部。我不知道是我使用了错误的功能还是其他问题。感谢您的任何反馈。

jQuery:

jQuery(document).ready(function(){
  $('#nav_1487666 li a').mouseover(function(){
      $(this).prev().css("border-bottom", "none");
  });
});

HTML:

<ul id="nav_1487666">
    <li><a href="/index">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Landscaping</a></li>
    <li><a href="#">Irrigation</a></li>
    <li><a href="#">Porous Pave</a></li>
    <li><a href="#">Demo Dumpsters</a></li>
    <li><a href="#">Other Services</a></li>
    <li><a href="#" onclick="return false;">Lawn Care</a></li>
    <li><a href="#" onclick="return false;">Contact</a></li>
</ul>

Answer 1

改变

$(this).prev().css("border-bottom", "none");

到

$(this).parent().prev().css("border-bottom", "none");// To remove border from li

或

$(this).parent().prev().find('a').css("border-bottom", "none");// To remove border from a