javascript - Onclick 粗体选择

Question

我有一个 HTML 未排序列表，其中包含多个“onclick”事件。当选择一个列表项时，我想将其更改为粗体，而其他项保持正常。有没有一种简单的方法可以做到这一点？我找到了这个答案，但无法成功应用它。有人可以为我进一步解释一下吗？ changing the font to bold on a HTML unsorted list when clicked

Answer 1

如果您对使用 jQuery 执行此操作的“一般”示例方法感兴趣(如问题标签中所示)，您可以访问我刚刚创建的示例 fiddle http://jsfiddle.net/9gSf6/或者看下面的代码

$(document).ready(function(){
    $("ul.b > li").each(function(){
        $(this).click(function(){
            $("ul.b > li").css('font-weight','normal');
            $(this).css('font-weight','bold');
        });
    });
});

适用于 <li> <ul class="b"> 中包含的元素元素

如果您有多个 <ul><li>里面跟随会更好

$(document).ready(function(){
    var select = 'ul.b li:not(:has(>ul))';
    $(select).each(function(){
        $(this).click(function(){
            $(select).css('font-weight','normal');
            $(this).css('font-weight','bold');
        });
    });
});

检查更新的 fiddle :http://jsfiddle.net/9gSf6/3/

不使用循环也可以完成相同的操作，就像这样

$(document).ready(function(){
    var select = 'ul.b li:not(:has(>ul))';
    $(select).click(function(){
        $(select).css('font-weight','normal');
        $(this).css('font-weight','bold');
    });
});

工作原理相同:http://jsfiddle.net/9gSf6/4/