JQuery добавить класс не отвечает на запросы

Question

Я определил это классы:

.OldClass 
{ 
    margin-bottom: -20px; 
    height: 25px; 
} 
.NewClass 
{ 
    align-right: 50px; 

} 

и контроль за ней:

<asp:Label runat="server" ID="OneLabel" CssClass="OldClass myClass"> ></asp:Label> 

В JQuery я хочу заменить OldClass, с NewClass без успеха, где ам я неправ?

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() {   
     $("OneLabel").addClass("NewClass"); 

    }); 
</script> 

Я пробовал также с $("#<%=OneLabel.ClientID%>").addClass

Answer 1

Ваш селектор является неправильным, использование # чтобы указать на ид.

$("#OneLabel").addClass("NewClass"); 

Answer 2

$("#OneLabel").addClass("NewClass");

Используйте # для выбора идентификатора.

Answer 3

Попробуйте с

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() {   
     $("#OneLabel").removeClass("OldClass").addClass("NewClass"); 
    }); 
</script> 

Прежде всего, необходимо удалить класс OldClass и добавить класс NewClass и С OneLabel является идентификатор вам нужно выбрать его как #Id .Если это тег как div, span вы можете выбрать его непосредственно.

Answer 4

Если вы хотите заменить класс сделать следующее:

$("#OneLabel").removeClass("OldClass").addClass("NewClass"); 

Этот selects the DOM element by id, removes the given class и adds the new one.

Answer 5

Чтобы заменить все Oldclass на NewClass:

$(document).ready(function() {  
    if($("#OneLabel").hasClass("OldClass")) 
    $("#OneLabel").removeClass("OldClass"); 
    $("#OneLabel").addClass("NewClass"); 

}); 

Answer 6

Поскольку вы используете ASP.NET WebForms, то id контроля изменяется во время выполнения. Поэтому вам нужно использовать следующее:

$("#<%= OneLabel.ClientID %>").addClass('NewClass'); 

Второй propeblem является то, что align-right свойство не существует. Если вы попытаетесь сделать элемент перемещенным 50px вправо, добавьте padding-left:

.NewClass { 
    padding-left: 50px; 
}