1

我已经定义了这个类：

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

}

及其控制：

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

在 jquery 中，我想用 NewClass 替换 OldClass，但没有成功，我错在哪里？

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

    });
</script>

我也试过$("#<%=OneLabel.ClientID%>").addClass

4

6 回答 6

1

因为您使用的是 ASP.Net webforms，id所以控件的 会在运行时更改。因此，您需要使用以下内容：

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

第二个问题是该align-right属性不存在。如果您试图使元素50px向右移动，请添加一些padding-left：

.NewClass {
    padding-left: 50px;
}
于 2013-11-08T11:26:45.330 回答
0

尝试

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

首先你需要删除类OldClass并添加类NewClass，因为OneLabel是一个id，你需要选择它#Id。如果是一个标签div，span 你可以直接选择它。

于 2013-11-08T11:23:31.220 回答
0

如果要替换类，请执行以下操作：

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

这会通过 id 选择 DOM 元素，删除给定的类并添加新的类。

于 2013-11-08T11:23:39.207 回答
0

将所有 Oldclass 替换为 NewClass ：

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

});
于 2013-11-08T11:26:40.637 回答
0

您的选择器不正确，使用 # 指向 id。

$("#OneLabel").addClass("NewClass");
于 2013-11-08T11:21:54.777 回答
0

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

使用 # 进行 id 选择。

于 2013-11-08T11:22:02.683 回答