Как реализовать применение свойства только к одному элементу списка?

Question

[EvgMul]

Есть элементы меню в виде списка li. Хочу, чтобы при нажатии на какой-либо элемент к нему применялся определенный фон. При нажатии на другой элемент фон с предыдущего возвращался в исходный, а применялся к активному. Третий час уже бьюсь, как только не пробовал, не получается, подскажите пожалуйста.

Answer 1

[bears]

В самом простом варианте так - jsfiddle.net/6xesudr6

Answer 2

[WebDev]

Создайте 2 класса: с фоном и без. По умолчанию дайте всем li класс с исходным фоном.
Допустим такие классы

.default-bg{}
.active-bg{}

Теперь пишите так:

$('li').on('click', function() {
   $(this).addClass('active-bg').siblings().removeClass('active-bg');
});

То есть при клике добавить элементу, на который кликнули класс active-bg, а у всех остальных удалить.

Answer 3

[petyagrill]

Как вариант:
Пример решения