Comment changer le nom d'une classe en utilisant jquery?

Question

J'essaie de changer le nom de classe d'un ASPxClientLabel de javascript. Comment faire ça?

J'ai essayé ceci:

Cette étiquette est à l'intérieur du contrôle répéteur:

<dx:ASPxLabel ID="labelShortName" runat="server" CssClass="shortNameItemLink" 
ClientSideEvents-Click="function(s, e){ ShortName_Clicked(s, e); }" 
Text='<%#DataBinder.Eval(Container.DataItem, "ShortName")%>'> 
</dx:ASPxLabel> 

Ce label commence comme "cliqué"

<dx:ASPxLabel ID="labelShowAll" runat="server" 
ClientSideEvents-Click="function(s, e){ ShortName_Clicked(s, e); }" Text="Show All" 
CssClass="shortNameItemLinkClicked"></dx:ASPxLabel> 

[JS]

<script type="text/javascript"> 
    function ShortName_Clicked(s, e) { 
     var selectedText = s.GetText(); 
     var items = $('.shortNameItemLinkClicked'); 
     items.removeClass(); 
     items.addClass('shortNameItemLink'); 
     $(s).className = "shortNameItemLinkClicked"; 
} 
</script> 

Je reçois "undefin" ed "erreur.

Des idées?

Answer 1

Désolé de mettre ma propre réponse, mais aucun des autres ne semblait fonctionner.

Je l'ai fixé comme ceci:

<script type="text/javascript"> 
    function ShortName_Clicked(s, e) { 
     var selectedText = s.GetText(); 
     $('.shortNameItemLinkClicked') 
     .removeClass() 
     .addClass('shortNameItemLink'); 

     $('#' + s.name) 
     .removeClass("shortNameItemLink") 
     .addClass("shortNameItemLinkClicked"); 
    } 
</script> 

de documentation DevExpress: ASPxClientLabel

grâce @ShankarSangoli pour refactorage enchaînant méthode.

Answer 2

Essayez ceci.

function ShortName_Clicked(s, e) { 
     var selectedText = s.GetText(); 
     $('.shortNameItemLinkClicked') 
     .removeClass() 
     .addClass('shortNameItemLink'); 
     $(s).attr('class', 'shortNameItemLinkClicked'); 
} 

Answer 3

Avez-vous essayé

$(s).attr("class","shortNameItemLinkClicked"); 

?

Answer 4

Il semble que vous effectuez votre ajout/suppression en arrière. Essayez ce qui suit

function ShortName_Clicked(s, e) { 
    $('.shortNameItemLink').removeClass().addClass('shortNameItemLinkClicked'); 
} 

Answer 5

Les noms de classe ne correspondent pas tout à fait à vos HTML et jQuery. Essayez ceci:

<script type="text/javascript"> 
    function ShortName_Clicked(s, e) { 
     var selectedText = s.GetText(); 

     $('.shortNameItemLink').removeClass().addClass('shortNameItemLinkClicked'); 
    } 
</script> 

J'ai aussi ajouté l'accolade fermante car il ne figurait pas dans votre exemple - Je ne sais pas si cela était juste une faute de frappe.

Answer 6

$(s).className = "shortNameItemLinkClicked"; 

devrait être $(s).get(0).className = "shortNameItemLinkClicked";

ou si vous connaissez le nom de classe existante

$(s).removeClass("shortNameItemLink").addClass("shortNameItemLinkClicked");