javascript - 同じクラスの複数の要素を取得するには?

Question

jquery で処理したい HTML があります。

非常に単純ですが、同じクラスのすべての要素を取得することはできません:

<div class="myclass on"></div>
<div class="myclass off"></div>
<div class="myclass on"></div>

私がこれをしたら

$(".myclass")

1つだけ取得します。何か助けはありますか？

編集

私は実際には、これを取得するために、「myclass on」がそれぞれにいくつかのhtmlをネストすることだけを望んでいます:

<div class="myclass on"><img src="bar.png"></div>
<div class="myclass off"></div>
<div class="myclass on"><img src="bar.png"></div>

score 2 · Accepted Answer

セレクターで 2 つのクラスを正しく組み合わせていないのではないでしょうか? これが機能するため：

$(".myclass.on").html('<img src="bar.png">');

http://jsfiddle.net/zjErL/1/ (最初の jsfiddle をくれた Arun に感謝)

score 1 · Accepted Answer

あなたは何か間違ったことをしたのかもしれません。$('.myclass') を実行した場合は、動作するはずです。コードを投稿できますか。

これは私にとって魅力のように機能します。

$(function(){
    $('.myclass').SOMEEVENT(function(e){ // or use div.myclass without problem 
        // do something. It must work.
    });
});

または、各要素を反復処理する場合は、使用できます.each

$(function(){
    $.each($('.myclass'),function(ind, val){
        // do something.
    });
});

または、.on や .off などの追加のクラスを使用する場合

$(function(){
    $.each($('.myclass.on'),function(ind, val){
        // do something.
    });
});

編集:
に画像を追加するにmyclass onは、これを行うだけです

$(function(){
    $('.myclass.on').html('Your NEW Adding Tag here');
});

score 1 · Accepted Answer

各要素を個別に操作するために使用してみてください。セレクターにはクラス .on だけで十分です。

  $('.on').each(function(index){
    $(this).html('<img src="bar.png">');
  });

score 0 · Accepted Answer

$(".myclass.on").css('color', 'red');

両方のクラスを持つ要素を選択する必要があります。