单击时，在HTML未排序列表上将字体更改为粗体

Question

我有一个HTML未排序的列表，我捕获它的“点击”事件。单击列表项时，我想将该项字体设置更改为粗体，以便用户获得已选择它的可视指示器。这可能吗？

Answer 1

<li onclick="this.style.fontWeight= 'bold'">​​​​​​​​​​​​​​​​​​​​​​​​​​​

或者，当您点击另一个li时，是否要将其更改为常规？我认为你应该使用jQuery（它可以在常规的javascript中使用，但这更容易）

$('li').click(function () {
    $(this).siblings('li').css("fontWeight", "normal");
    $(this).css("fontWeight", "bold");
});​

或者更简单，只需添加一个类：

CSS：.selected { font-weight: bold } jQuery的：

$('li').click(function () {
    $('li.selected').removeClass('selected');
    $(this).addClass('selected');
});​