jquery - 同一父 div 中其他子项的 RemoveClass

Question

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

通过单击 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');
});​

小提琴

Answer 2

尝试这个，

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

如果所有选项都是兄弟，那么你可以这样做，

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