需要使用javascript检查类是否存在于多个div中

step_输入有多个div作为类，这些div中可能包含也可能不包含同一类的跨度。我需要检查类作为step_输入的任何div中是否存在特定的跨度。然后用可选标记类中存在的相同类更改跨距的颜色

在这里，小提琴跨距1存在于step_输入类中。因此，它在可选标签中的颜色需要更改。
这是一把小提琴

var parentz=document.querySelectorAll（'step_input'）；
对于（i=0；i我没有得到您所要求的，但据我所知，选择器
.selective tags>span
应该可以很好地用于直接儿童。您已经这样做了

编辑：
首先,

var parentz=document.querySelectorAll（'step_input'）；

这一行检查HTML中不存在的名为
step\u input
的标记，有
step\u input\u 0
的ID，您需要通过运行循环来准备一个ID数组。否则，您可以使用
document.getElementsByName（“step”）

再说一遍，
您只需遍历DOM，就可以访问名为
name
的
div
s中的span，它看起来像：

const divsWithStep = document.getElementsByName("step");
divsWithStep.forEach((div)=>{
  div.querySelector('span').style.backgroundColor="#fafafa";
})

同样，我认为您应该查看DOM遍历，让我知道。
我没有得到您想要的，但据我所知，选择器
。可选标记>span
应该可以很好地用于直接子级。您已经这样做了

编辑：
首先,

var parentz=document.querySelectorAll（'step_input'）；

这一行检查HTML中不存在的名为
step\u input
的标记，有
step\u input\u 0
的ID，您需要通过运行循环来准备一个ID数组。否则，您可以使用
document.getElementsByName（“step”）

再说一遍，
您只需遍历DOM，就可以访问名为
name
的
div
s中的span，它看起来像：

const divsWithStep = document.getElementsByName("step");
divsWithStep.forEach((div)=>{
  div.querySelector('span').style.backgroundColor="#fafafa";
})

同样，我认为您应该查看DOM遍历，让我知道。
这就是您需要的吗


var parentz=document.querySelectorAll（'.step_input'）；
var selectable=document.querySelectorAll（'.selectable标记'）；
对于（j=0；jspan'）；
对于（i=0；i


Span1
wqq
Span1
wqq
这不包含任何内容
Span1
可选标签中span 1的颜色需要更改
这就是你需要的吗


var parentz=document.querySelectorAll（'.step_input'）；
var selectable=document.querySelectorAll（'.selectable标记'）；
对于（j=0；jspan'）；
对于（i=0；i


Span1
wqq
Span1
wqq
这不包含任何内容
Span1
可选标签中span 1的颜色需要更改
您需要逐个更改每个可选择标签的颜色。下面将检查步骤输入中存在的标签并为其上色
var parentz=document.querySelectorAll（'.step_input'）；
console.log（parentz）；
对于（i=0；i，您需要逐个更改每个可选择标记的颜色。下面将检查步骤_输入中存在的标记并为其着色
var parentz=document.querySelectorAll（'.step_input'）；
console.log（parentz）；
对于（i=0；这不是答案，这应该是一个注释。想要注释，但还没有50个声誉。@HrishikeshBarman可选标记类中相应跨度的颜色需要更改，而不是更改其本身的步骤输入。请正确阅读代码
class=“recipe-create-text\box\u rectangle stepbox步骤输入”
这不是答案，这应该是一个注释。想要注释，但还没有50个声誉。@HrishikeshBarman可选标记类中相应跨度的颜色需要更改，而不是更改其本身的步骤输入。请正确阅读代码
class=“recipe-create-text\u box\u矩形步骤输入”
这不会更改所有divs可选标记中Span1的颜色。这仅适用于第一个，但不适用于第二个Span1。这不会更改所有divs可选标记中Span1的颜色。这仅适用于第一个，而不适用于第二个Span1。非常适用