html - 删除同一父 div 中其他子项的类

Question

我正在尝试用 div 替换我的 radio 圈。

通过点击 div 进行选择。 所选 div 的突出显示有效。

但是，当我选择其他选项之一时，如何删除同一父项中其他子项的“选定”类？

我的 JS 现在是:

$('.option').click(function() {
    $('input', this).prop("checked", true);
    $(this).addClass('optionSelected');
}

http://jsfiddle.net/S7Js8/

Answer 1

使用 siblings() 定位兄弟 div，

$('.option').click(function() {
    $('input', this).prop("checked", true);
    $(this).addClass('optionSelected')
           .siblings()
           .removeClass('optionSelected');
});​

FIDDLE