删除 class 名称的 child 的 class

Question

我想删除某些元素的所有 class 的 onclick，然后将选中的 class 添加到被点击的元素。

下面是我的html代码

<div class="attribute_list">
    <div class="taille_div">
        <ul>
            <li>
                Taille :
            </li>
            <li>
                <label>
                    <input type="radio" class="attribute_radio radio_taille" name="group_1" value="1" checked="checked" />
                    <span class="taille_span">S</span>
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" class="attribute_radio radio_taille" name="group_1" value="2" />
                    <span class="taille_span">M</span>
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" class="attribute_radio radio_taille" name="group_1" value="3" />
                    <span class="taille_span">L</span>
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" class="attribute_radio radio_taille" name="group_1" value="4" />
                    <span class="taille_span">XL</span>
                </label>
            </li>
        </ul>
    </div>

然后我准备好这个 jquery 并且它适用于将 class 添加到最近的跨度的部分但不适用于删除 class 的第一部分所选元素

$('.taille_span').click(function(){
    $('#taille_div > ul > li >label > span').removeClass('radio_taille_selected')
    $(this).closest('span').addClass('radio_taille_checked')
})

我不知道如何删除包含 class taille_span

的范围的 class

如有任何帮助，我们将不胜感激

Answer 1

你把它复杂化了....只需寻找 class 本身

$('.taille_span').click(function(){
    $('.radio_taille_selected').removeClass('radio_taille_selected')
    $(this).addClass('radio_taille_checked');
});

也就是说 class 使用的名称 'radio_taille_selected' 与 'radio_taille_checked' 不匹配，因此尚不完全清楚哪个是正确的

删除 class 名称的 child 的 class

Remove class of a child by classname

jquery

jquery-selectors

removeclass