Почему не срабатывает removeClass?

Question

[Valmih]

Добрый вечер коллеги!
Помогите разобраться. Есть три одинаковых блока "parent". У каждого из них есть input=radio, и дочерний блок "children".
По клику именно на этот input=radio, именно на этот "children" вешается класс. Но при клике на другой input=radio класс не удаляется. Пожалуйста, подскажите что добавить, или что неправильно? Вот код

$('.parent').change(function() {
if($("input:radio[class='radio']").is(':checked')) {
$(this).find("children").toggleClass("checked");
}
});

Заранее спасибо за помощь!

Answer 1

[#алгоптимизируй #отботизируй]

в коде нет прямой родительской связи, берется первый элемент например или типа того

if($("input:radio[class='radio']").is(':checked'))

Comments

[Valmih]

Благодарю, каким образом добиться прямой родительской связи?

[#алгоптимизируй #отботизируй]

использовать тоже ,что и ниже вроде $(this).find

[#алгоптимизируй #отботизируй]

$(this) главное

Answer 2

[Bowen]

<div class="block">
    <input type="radio" name="a" value="1" class="block__radio">
    <div class="block__child">
    1
    </div>
</div>
<div class="block">
    <input type="radio" name="a" value="2" class="block__radio">
    <div class="block__child">
    2
    </div>
</div>

.block__radio:checked ~ .block__child {
    background: red;
}