0

我有一些我想用 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>
4

4 回答 4

2

也许您只是没有在选择器中正确组合两个类？因为这有效：

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

http://jsfiddle.net/zjErL/1/（感谢 Arun 最初的 jsfiddle）

于 2013-03-29T02:21:05.407 回答
1

尝试使用分别操作每个元素。对于选择器来说，仅 .on 类就足够了。

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

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

于 2013-03-29T02:14:56.990 回答
1

可能是你做错了什么。如果你已经完成了 $('.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');
});
于 2013-03-29T02:17:35.340 回答
0

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

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

于 2013-03-29T02:33:32.740 回答