Javascript 如何使用同一类获取多个元素?
我想用jquery处理一些HTML 非常简单,但我无法用同一个类获取所有元素:Javascript 如何使用同一类获取多个元素?,javascript,jquery,Javascript,Jquery,我想用jquery处理一些HTML 非常简单,但我无法用同一个类获取所有元素: <div class="myclass on"></div> <div class="myclass off"></div> <div class="myclass on"></div> 如果我这样做 $(“.myclass”) 我只有一个。有什么帮助吗 编辑 实际上,我只想让“myclass on”在每个html中嵌套一些html,以获得
<div class="myclass on"></div>
<div class="myclass off"></div>
<div class="myclass on"></div>
如果我这样做
$(“.myclass”)
我只有一个。有什么帮助吗
编辑
实际上,我只想让“myclass on”在每个html中嵌套一些html,以获得以下结果:
<div class="myclass on"><img src="bar.png"></div>
<div class="myclass off"></div>
<div class="myclass on"><img src="bar.png"></div>
尝试使用来分别操作每个元素。对于选择器来说,只有class.on就足够了
$('.on').each(function(index){
$(this).html('<img src="bar.png">');
});
$('.on')。每个(函数(索引){
$(this.html(“”);
});
文件
尝试分别使用来操纵每个元素。对于选择器来说,只有class.on就足够了
$('.on').each(function(index){
$(this).html('<img src="bar.png">');
});
$('.on')。每个(函数(索引){
$(this.html(“”);
});
文件
可能是你做错了什么。如果您完成了$('.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,只需执行以下操作
$(function(){
$('.myclass.on').html('Your NEW Adding Tag here');
});
也许你做错了什么。如果您完成了$('.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,只需执行以下操作
$(function(){
$('.myclass.on').html('Your NEW Adding Tag here');
});
也许您只是没有在选择器中正确组合两个类?因为这是可行的:
$(".myclass.on").html('<img src="bar.png">');
$(“.myclass.on”).html(“”);
(感谢Arun提供了最初的JSFIDLE)也许您只是没有在选择器中正确组合两个类?因为这是可行的:
$(".myclass.on").html('<img src="bar.png">');
$(“.myclass.on”).html(“”);
(感谢Arun提供了最初的JSFIDLE)$(“.myclass.on”).css('color','red')
应该选择两个类的元素。$(“.myclass.on”).css('color','red')
应选择具有这两个类的元素。$(“.myclass”)
返回具有类myclass
的所有元素。那之后你用它干什么?可能是你做了些什么。如果您已经完成了$('.myclass')
,那么它必须工作。你能发布你写的东西吗?我不太擅长写JS,我在Chrome inspector中做了$(“.myclass”),只看到了一个。$(“.myclass”)
返回类myclass
中应该可用的所有元素。那之后你用它干什么?可能是你做了些什么。如果您已经完成了$('.myclass')
,那么它必须工作。你能发布你写的东西吗?不太擅长写JS,我在Chrome inspector中做了$(“.myclass”),只看到了一个。我非常接近,但到目前为止。我不知道如何遍历数组。在这种情况下,使用.myclass.on
比只使用.on
更安全,尽管使用.on
也很有效。我非常接近,但到目前为止。不知道如何遍历数组。在这种情况下,使用.myclass.on
比只使用.on
更安全,尽管使用.on
也很有效。