如何获得具有相同类的多个元素？

Question

我有一些我想用jquery处理的HTML。

非常简单，但我无法绕过同一个类的所有元素：

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

如果我这样做

  

$（ “MyClass的”）

我只得到一个。有什么帮助吗？

修改

我实际上只希望'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>

Answer 1

尝试单独操作每个元素。只有类.on应该足够选择。

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

文档 http://api.jquery.com/each/

Answer 2

可能你做错了。如果你已经完成$（'。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');
});

Answer 3

$（“。myclass.on”）。css（'color'，'red'）;

应该选择具有两个类的元素。