は、私は以下のような<code>DIV</code>を持ってServiceNow

Question

にDIVからクラスを追加/削除します。私は以下のコードでこれを実行しようとしました：

$('div').removeClass("col-xs-6 form-field input_controls").addClass("col-xs-12 form-field input_controls"); 

しかし、私はというエラーを取得しています：

Uncaught TypeError: Cannot read property 'removeClass' of null.

をjQueryの私の範囲を超えているので、私は、フロントエンドの男ではありませんよ。

Answer 1

jQueryの正しいコードを使用していたことが判明しましたが、ServiceNowプラットフォームはjQueryを$j変数に割り当てて、他のjQueryプロトタイプと競合しません。私が正しく使用して実行できるコードは次のとおりです。

$j(document).ready(function(){ 
    if($j('div.col-xs-6.form-field.input_controls').hasClass('col-xs-6')){ 
     $j('div.col-xs-6.form-field.input_controls').removeClass('col-xs-6').addClass('col-xs-12'); 
    } 

}); 

Answer 2

だけdocument.ready機能

$(document).ready(function(){ 
    $('div').removeClass("col-xs-6 form-field input_controls").addClass("col-xs-12 form-field input_controls"); 
}); 

Answer 3

を使用するあなたのJavaScriptが実行されたとき、あなたのDOM構造の準備ができていないようです。だから、あなたは準備ができて、イベントを追加する必要があります。あなたは、クラスのすべてを削除し、再度追加する必要はありません

$(function(){ 
    $('div').removeClass("col-xs-6 form-field input_controls").addClass("col-xs-12 form-field input_controls"); 
}); 

Answer 4

、以下で十分です：

$(function(){ 
    $('div').removeClass('col-xs-6').addClass('col-xs-12'); 
}); 

jQueryのクラスcol-xs-12を追加しますdiv要素の最後に