Question

我想用div替换我的电台圈子。

点击divs进行选择。所选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

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');
});

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

2 个答案: