jquery - 单击链接时使链接变为粗体

Question

我想使用 jquery 在单击它时必须将我的超链接更改为粗体，并在单击另一个链接时将其切换回正常状态。

这些是我要点击的链接

<div id="secondlevel">
            <ul>
                <li><span><a href="NewReleases.aspx?catalogueCode=cat1">New Releases</a></span></li>
                <li><span><a href="BestSellers.aspx">Best Sellers</a></span></li>
            </ul>

这是我的查询，我觉得应该有效，但无效。

建议也许。

    $(document).ready(function () {
    $("li").on("click", function () {
        $(this).siblings("li").css("fontWeight", "normal");
        $(this).css("fontWeight", "bold");
        window.alert("The link was clicked");
    });
});

Answer 1

用于e.preventDefault()防止默认操作：

$("li").on("click", function (e) {
    e.preventDefault();
    $(this).siblings("li").css("fontWeight", "normal");
    $(this).css("fontWeight", "bold");
    window.alert("The link was clicked");
});

演示

Answer 2

尝试这个：

$(document).ready(function () {
    $("li").on("click", function () {
        $(this).siblings("li").find('a').css("font-weight", "normal");
        $(this).find('a').css("font-weight", "bold");
    });
});