Question

我正在尝试通过单击不同的单选按钮在文本字段上添加和删除多个类。在不同的单选按钮之间切换时，我无法删除不需要的类。

我的代码是：

// For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}

Answer 1

你可以用空格分隔多个类：

$("p").addClass("myClass yourClass");

http://api.jquery.com/addClass/

Answer 2

使用javascript附加类名称的最简单方法。当.siblings()行为不端时，它会很有用。

document.getElementById('myId').className += ' active';

Answer 3

添加多个类别：

 $("p").addClass("class1 class2 class3");

或级联

 $("p").addClass("class1").addClass("class2").addClass("class3");

非常相似，也可以删除更多类：

 $("p").removeClass("class1 class2 class3");

或级联

 $("p").removeClass("class1").removeClass("class2").removeClass("class3");

在jQuery中添加和删除多个类

3 个答案: