列出每页的菜单下划线

Question

<ul>
<li><a href="/product/list.html?cate_no=1">menu 1</a></li>
<li><a href="/product/list.html?cate_no=2">menu 2</a></li>
<li><a href="/product/list.html?cate_no=3">menu 3</a></li>
</ul>

使用jquery

,如果我点击菜单1，我想在列表"菜单1"上加下划线。如果单击"菜单2"，则只在"菜单2"上显示下划线。

请帮忙!

Answer 1

CSS:

a {
    text-decoration: none;
}

jQuery:

$("a").on( "click", function(event) {
    event.preventDefault();
    $("a").css( "text-decoration", "none" );
    $(this).css( "text-decoration", "underline" );
});