Question

我想删除onclick所有类的元素，然后将选中的类添加到单击的元素中。

以下是我的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，它适用于将类添加到最近的span但不会删除所选元素的类的第一部分的部分

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

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

的span的类

非常感谢Anykind的帮助

Answer 1

你过度复杂了......只是找班级本身

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

话虽如此，使用'radio_taille_selected'与'radio_taille_checked'的类名也不匹配，因此并不完全清楚哪个是正确的

按类名删除子类

1 个答案: