изменение шрифта на жирный в несортированном списке 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');
});​