单击链接时使链接变为粗体答案

【问题标题】：Making link bold upon clicking it单击链接时使链接变为粗体
【发布时间】：2013-04-26 20:44:38
【问题描述】：

我想使用 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");
    });
});

【问题讨论】：

您所说的“应该有效但无效”是什么意思？您预计会发生什么，会发生什么？
为什么你不使用 CSS ？顺便说一句，你的页面会刷新，对吧？在这种情况下，这就是你的 jQ 不起作用的原因。
@roXon，他正在通过 jquery 更改 css。
字体粗细不是字体粗细
@smerny 你可以随时更改 CSS 中的样式

标签： jquery visual-studio-2010

【解决方案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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：