css - 每个页面的列表菜单下划线

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" );
});