时间戳

首页 > 解决方案 > 如何将我的代码应用于多个元素？

javascript - 如何将我的代码应用于多个元素？

问题描述

下面的代码有效，但我想做的是适用于“Working 2”。我试过： paras = Array.from(document.querySelectorAll('.working1 .working2')); 但这不起作用。

代码背景：不断循环所有元素，直到找到一个空元素。一旦找到，它将用一个变量替换它。然后打破循环。

paras = Array.from(document.querySelectorAll('.working1'));
for(const para of paras) {
  if(para.innerHTML === '') {
    para.innerHTML = partnumber;
    }
<p id="machine1" class="working1"></p>
<p id="machine2" class="working1"></p>
<p id="machine3" class="working1"></p>
<p id="machine4" class="working1"></p>
<p id="machine5" class="working2"></p>
<p id="machine6" class="working2"></p>
<p id="machine7" class="working2"></p>
<p id="machine8" class="working2"></p>

标签： javascript

解决方案

querySelectorAll('.working1 .working2')将选择class = working2内部working1使用的元素querySelectorAll('.working1, .working2')。
请参阅一条规则上的选择器组。

paras = Array.from(document.querySelectorAll('.working1,.working2'));
let partnumber = 0
for(const para of paras) {
  partnumber++
  if(para.innerHTML === '') {
     para.innerHTML = partnumber;
  }
}
<p id="machine1" class="working1"></p>
<p id="machine2" class="working1"></p>
<p id="machine3" class="working1"></p>
<p id="machine4" class="working1"></p>
<p id="machine5" class="working2"></p>
<p id="machine6" class="working2"></p>
<p id="machine7" class="working2"></p>
<p id="machine8" class="working2"></p>

推荐阅读