如何删除以前的类并在jquery中添加新类?

时间:2012-10-29 14:40:57

标签: jquery asp.net jquery-ui

我将主键存储为Classname

每当这个名为i的函数都有新的主键密钥

 function OnBtnShowPopupClick(elementID) {
                ASPxClientPopupControl1.ShowAtElementByID(elementID);
                $("#hiddenTag").addClass(elementID);
            }

我想要的是删除以前的类名并添加新的className

如何?

5 个答案:

答案 0 :(得分:4)

你看过removeClass

吗?

$("#hiddenTag").removeClass('someclass').addClass(elementID);

如果您不知道班级名称:

$("#hiddenTag").removeAttr('class').addClass(elementID);

答案 1 :(得分:2)

var tag = $("#hiddenTag");

tag.removeClass('oldclassname');
tag.addClass('newclassname');

答案 2 :(得分:1)

如果您不知道类的名称,可以使用removeAttr

 function OnBtnShowPopupClick(elementID) {
            ASPxClientPopupControl1.ShowAtElementByID(elementID);
            $("#hiddenTag").removeAttr('class');
            $("#hiddenTag").addClass(elementID);
 }

答案 3 :(得分:1)

可以使用data()方法在类中存储类,以便下次更新标记时可以删除它。这用于元素可能有多个类而您只想删除一个类的情况。使用removeAttr('class')将删除应用于元素的所有类

function OnBtnShowPopupClick(elementID) {
    ASPxClientPopupControl1.ShowAtElementByID(elementID);
    var $tag = $("#hiddenTag"), currClass = $tag.data('currClass');
        if (currClass) {
            $tag.removeClass(currClass);
        }

        $tag.addClass(elementID).data('currClass', elementID) ;

};

答案 4 :(得分:0)

您可以使用以下方法一次性“删除”和“添加”一个类:

var tag = $("#hiddenTag");
tag.removeClass('oldclassname').addClass(elementID);