如何从一组兄弟姐妹中删除一个类而不影响同一个类的其他元素

Question

我有以下几点：

<div class="attributes_set_1>
   <label class="attributes"><input type="radio" value="1" /></label>
   <label class="attributes"><input type="radio" value="2" /></label>
   <label class="attributes"><input type="radio" value="3" /></label>
</div>

<div class="attributes_set_2>
   <label class="attributes"><input type="radio" value="1" /></label>
   <label class="attributes"><input type="radio" value="2" /></label>
   <label class="attributes"><input type="radio" value="3" /></label>
</div>

我试图在单击时将活动类添加到第一组单选按钮中的任何一个，但是如果从同一组中选择一个不同的类，则也要删除该类。 问题是我需要能够从下一组单选按钮中进行选择，而不必从其他任何一组中删除活动的类。

我尝试了几种选择器，但我认为使其工作的方法是选择该特定父类的孩子。

我如何仅选择特定父类的兄弟姐妹以删除活动类？

$('.attributes').children().removeClass('active');

一旦使removeClass（）工作，如何将活动类添加到我单击的任何其他无线电中，而不管它是否属于同一个兄弟姐妹？

$(this).addClass('active');

感谢任何人的帮助。

Answer 1

假设this是您添加了active类的单选按钮，则可以找到父label元素的同级，然后从其输入元素中删除该类

$(this).parent().siblings().find('input').removeClass('active');

Answer 2

尝试这个：

$('.attributes input').click(function() {
    $(this).addClass('active').parent().siblings('.attributes').find('input').removeClass('active');
})

Answer 3

尝试这个：

 $(this).parent().siblings().find('.active').removeClass("active");