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

Demo

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

单击时使链接变为粗体

2 个答案: