javascript - 遍历 ID 数组并修改相应的元素

Question

我有一个名为的数组requiredIDsUnique，其中包含 ID 号：

["13000", "13003", "13003", "13007"]

这些数字对应于data-solutionid元素的属性，如下所示：

<div class="solutionitem hide" data-solutionid="13000">
    <h4>Solution 1</h4>
    <p>Some description for Solution 1.</p>
</div>

我想遍历数组，并hide从每个与数组中的 ID 对应的solutionitem类元素中删除类。data-solutionid

我尝试修改我发现的几个代码片段，但我无法实现我想要做的事情。

标签： javascriptjquery

Answer 1

这是一个香草 JS 版本，使用Array.from

let ids = ["13000", "13003", "13003", "13007"]

Array.from(document.querySelectorAll('[data-solutionid]')).forEach(div => {
  if (ids.includes(div.dataset.solutionid)) div.classList.remove('hide')
})

.hide {
  opacity: .4;
}

<div class="solutionitem hide" data-solutionid="13000">
  <h4>Solution 1</h4>
  <p>Some description for Solution 1.</p>
</div>
<div class="solutionitem hide" data-solutionid="13003">
  <h4>Solution 2</h4>
  <p>Some description for Solution 1.</p>
</div>
<div class="solutionitem hide" data-solutionid="13300">
  <h4>Solution 3</h4>
  <p>Some description for Solution 1.</p>
</div>