jquery - jquery add class 応答なし

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

score 1 · Accepted Answer

ASP.Net Web フォームを使用しているためid、コントロールのは実行時に変更されます。したがって、以下を使用する必要があります。

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

2 番目の問題は、align-rightプロパティが存在しないことです。要素を右に移動させようとしている場合は50px、いくつか追加しますpadding-left。

.NewClass {
    padding-left: 50px;
}

score 0 · Accepted Answer

試してみてください

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

まず、クラスを削除してクラスをOldClass追加する必要があります。はIDであるため、のように選択する必要があります。のようなタグの場合は、直接選択できます。NewClassOneLabel#Iddivspan

score 0 · Accepted Answer

クラスを置き換えたい場合は、次のようにします。

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

これにより、id によって DOM 要素が選択され、指定されたクラスが削除され、新しいクラスが追加されます。

score 0 · Accepted Answer

すべての Oldclass を NewClass に置き換えるには:

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

});

score 0 · Accepted Answer

セレクターが正しくありません。# を使用して ID を指定してください。

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

score 0 · Accepted Answer

0

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

ID の選択には # を使用します。

于 2013-11-08T11:22:02.683 に答える

jquery - jquery add class 応答なし

6 に答える 6

Related

Reference