Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 循环遍历元素并更改类_Javascript_Html_Jquery - Fatal编程技术网

Javascript 循环遍历元素并更改类

Javascript 循环遍历元素并更改类,javascript,html,jquery,Javascript,Html,Jquery,下面是一个简单的HTML代码: 标题1 这里有一些文字 标题1 这里有一些文字 标题1 这里有一些文字 试试这个: $('.columnIdeas').each(function(i, el) { $(el).find('img').addClass('classA'); $(el).find('h2').addClass('classB'); $(el).find('p').addClass('classC'); }); 如何遍历元素并找到正确的元素并将类添加到其中 假设你不

下面是一个简单的HTML代码:


标题1
这里有一些文字

标题1 这里有一些文字

标题1 这里有一些文字

试试这个:

$('.columnIdeas').each(function(i, el) {
  $(el).find('img').addClass('classA');
  $(el).find('h2').addClass('classB');
  $(el).find('p').addClass('classC');
});
如何遍历元素并找到正确的元素并将类添加到其中

假设你不想这么做

$(".columnIdeas>img").addClass("classA");
$(".columnIdeas>h2").addClass("classB");
$(".columnIdeas>p").addClass("classC");
不需要任何循环或“查找”,您可以使用
“自动”添加类。每个
。查找

var classList=[“classA”、“classB”、“classC”];
$(“.columnIdeas”)。每个((i,e)=>{
$(e).查找(“>*”)。每个((ii,ee)=>{
$(ee).addClass(类列表[ii]);
});
});
.classA{
颜色:红色;
边框:1px纯红;
}
.B类{
颜色:蓝色;
}
.C类{
颜色:绿色;
}

标题1
这里有一些文字

标题1 这里有一些文字

标题1 这里有一些文字