Javascript jQuery为父元素添加和删除类（在一个页面中多次）

我在我的网页上的单选按钮作为过滤器，单选按钮是隐藏的，我只是显示标签。 代码如下所示：

<div class="filter">
<div class="field_row label-selected">
    <input id="field_6_95_0" class="filteDataForSerialize" type="radio" value="0" name="f[g][6]">
    <label for="field_6_95_0">Option 1</label>
</div>
<div class="field_row">
    <input id="field_6_95_1" class="filteDataForSerialize" type="radio" value="1" name="f[g][6]">
    <label for="field_6_95_1">Option 2</label>
</div>
<div class="field_row">
    <input id="field_6_95_2" class="filteDataForSerialize" type="radio" value="2" name="f[g][6]">
    <label for="field_6_95_2">Option 3</label>
</div>
</div>

因此，默认情况下，第一个元素获得了标签selected类，当我选择任何其他元素时，将从其他元素中删除该类和脚本。直到我在同一个页面中多次使用同一个html代码片段，它才会起作用。在这种情况下，jQuery将从页面中删除每个标签选择的类

我认为Css不会影响它，但是：

.field_row > input{display:none};
.field_row > label{display:block;cursor:pointer;padding: 5px 10px;}
.label-selected > label{bacground-color:#000;color:#fff;}

---

可以从标签的所有父类中删除该类

---

你的CSS呢？还是小提琴

.field_row > input{display:none};
.field_row > label{display:block;cursor:pointer;padding: 5px 10px;}
.label-selected > label{bacground-color:#000;color:#fff;}

jQuery('.filter label').on('click', function() {
    var parent_div = jQuery(this).parent().addClass('label-selected');
    parent_div.siblings().removeClass('label-selected');
});