Как изменить имя класса с помощью jquery?

Я пытаюсь изменить имя класса ASPxClientLabel из javascript. Как это сделать?Как изменить имя класса с помощью jquery?

Я попытался это:

Эта метка находится внутри управления ретранслятором:

<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>

Эта метка начинается как "щелкнул"

<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>

Я получаю "undefin ed ".

Любые идеи?

источник

2012-01-24 O.O

вы не можете переименовать класс ... либо вы можете добавить или удалить существующий, либо добавить нужный файл – Vivek

Из вашего кода я обнаружил, что функция «ShortName_Clicked» отсутствует закрытие}. Вы забыли вставить здесь? Если вы пропустите его, это будет проблемой. – sathishkumar

@sathishkumar - спасибо. Я обновил. –

Извините поставить свой ответ, но ни один из других, казалось, работали.

Я установил его так:

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

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

из DevExpress документации: ASPxClientLabel

благодаря @ShankarSangoli для метода цепочек refactorage.

источник

2012-01-24 17:15:46

Попробуйте это.

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

источник

2012-01-24 16:55:14 ShankarSangoli

Youre отсутствует '' ':) – Johan

@Johan - Исправлено это :) – ShankarSangoli

Вы пробовали

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

источник

2012-01-24 16:55:22

Я пробовал сейчас, но по какой-то причине он, похоже, не работает. Когда он работает (я использовал регулярный элемент span), рядом с элементом, который я нажал, появляется стрелка рядом>. Я не получаю ошибку, но у меня также нет стрелки. Наверное, мне нужно изучить его больше. –

Похоже, вы делаете свое добавление/удаление назад. Попробуйте следующее

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

источник

2012-01-24 16:56:00 JaredPar

Имена классов не совсем совпадают с вашими HTML и jQuery. Попробуйте это:

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

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

Я также добавил закрывающую скобку, как он отсутствовал из вашего примера - я не уверен, если это просто опечатка.

источник

2012-01-24 16:57:16

Извините, я добавил недостающую разметку. –

$(s).className = "shortNameItemLinkClicked";

должен быть $(s).get(0).className = "shortNameItemLinkClicked";

или если вы знаете, существующий Classname

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

источник

2012-01-24 16:58:28 scrappedcola

Как изменить имя класса с помощью jquery?

ответ

Смежные вопросы