Как на js\jquery добавить класс только одному элементу?

Question

[dev400]

Есть некоторое количество див блоков, допустим 4

<div id="one"></div>
<div id="two" class="focus"></div> #кликаем по нему 
<div id="three"></div>
<div id="four"></div>

<div id="one"></div>
<div id="two"></div> 
<div id="three"></div>
<div id="four" class="focus"></div> #Теперь кликаем по этому диву

Как по клику на определенный див добавить ему класс focus, но чтобы при клике на другой элемент этот класс не оставался у предыдущего элемента? То есть чтобы класс focus был всегда только у одного элемента

Answer 1

[kn1ght_t]

https://jsfiddle.net/trLrkddu/

Answer 2

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/57nm21bg/

Answer 3

[Aleksandr]

https://jsfiddle.net/y5mw96yL/

Answer 4

[Денис Букреев]

Просто при клике убираешь у всех элементов класс фокус, а потом добавляешь тому, по которому кликнул.

Либо можно усложнить и делать проверку, есть ли дивы с классом focus и убирать у этого дива фокус