Javascript 选中“添加类”复选框并为其指定类'；使用jquery创建父div

我需要将一个类添加到选中复选框的父div中，例如单击按钮我想选中相应父div中的选中复选框，当存在选中值时，应将一个新类添加到其父div中。 e、 g HTML代码是

<div class="parent">
    <input type="checkbox" name="a" />
    <input type="checkbox" name="b" />
</div>
<div class="parent">
    <input type="checkbox" name="c" />
    <input type="checkbox" name="d" />
</div>
<button>Add Class to parent div</button>

将类添加到父div

从家长的角度来看，通过使用

$('button').click(function(){
    $('.parent:has(:checked)').addClass('my-class');
    $('.parent:not(:has(:checked))').removeClass('my-class');
});

$（“按钮”）。单击（函数（）{
$（'.parent:has（：checked'）.addClass（'my-class'）；
$（'.parent:not（：has（：checked）））.removeClass（'my-class'）；
});
。我的班级{
背景：绿色；
}

将类切换到父div
$（':checkbox:checked'）.parent（）.addClass（'my-Class'）
谢谢@Satpal Itworks@SadamAfridi，很高兴它有帮助：）如果我取消选中复选框，那么我的类应该被删除，这怎么办？