javascript - Jquery経由でクラスをdivに追加する

Question

以下のように、ページの読み込み時に生成される div があります。

<div class="redactor_ redactor_editor"></div>

以下のようにjqueryを介してクラス.exampleを追加するにはどうすればよいですか?

<div class="redactor_ redactor_editor example"></div>

どうもありがとうございました！

score 4 · Accepted Answer

これをaddClassしてみてください。

$('.redactor_').addClass('example');

任意のセレクターを使用して要素を選択するだけです

$(selector).addClass('example');

score 2 · Accepted Answer

を使用して要素にクラスを追加できます .addClass()

シンテックス

.addClass( className )

className一致した各要素のクラス属性に追加される1つ以上のクラス名。

だから今これはあなたが欲しいです

$('.redactor_ redactor_editor').addClass('example');

score 0 · Accepted Answer

すでにクラスを持っている要素に新しいcssクラスを追加することを探しているなら、-

HTML-

<div class="one">example</div>

CSS-

.one{color:red;}
.two{color:green}

jQuery-

$(function(){
 $('.one').addClass('two');
});

古いcssクラスを削除して新しいクラスを追加する場合-

jQuery-

$(function() {
    $('.one').removeClass('one').addClass('two');
});

score 0 · Accepted Answer

.attr()このように使用することで、何であったかに関係なくクラスを設定できます。

htmlがこのような場合、

<div class="redactor_ redactor_editor"></div>

すると、セレクターは次のようになります。

$(document).ready(function() {
 $('.redactor_redactor_editor').attr('class', 'redactor_redactor_editor example');
});

divタグのクラス名にはアンダースコア記号（つまりredactor_）の後にスペースがあるため、要素を選択するには次の方法を適用する必要があります。（<div class="redactor_ redactor_editor"></div>）

$(document).ready(function() {
   $("div[class='redactor_ redactor_editor']").attr('class', 'redactor_ redactor_editor example');
});

score 0 · Accepted Answer

これを試して：

<pre>
 $(window).load(function () { 
   $('.redactor_ redactor_editor').addClass('example');
 });
</pre>

5 に答える 5