javascript - 有没有一种方法可以先按类隔离 HTML 元素，然后在没有 for 循环的情况下按 id 隔离？

Question

我有一个包含两列文本的表格。左列中的行具有属于一个类的递增 id，另一列具有全部属于另一个类的递增 id。这些类/id 定义是在 td 级别完成的。

我需要先通过它的类找到一个元素，然后通过它的 id。我可以通过 getItemsByClassName 获取类项，这为我提供了一个节点列表。我想我可以遍历该列表并查找匹配的 id，但手动 for 循环/迭代似乎有点笨拙。我需要经常这样做，所以我想知道是否有更好、更“支持”的方式来做到这一点？

编辑:更新的代码示例

 <table>
      <tr>
           <td>
                <div class = "class1" id = "1"> Text </div>
           </td>
           <td>
                <div class = "class2" id = "1"> Text </div>
           </td>
      </tr>
 </table>

正如下面的答案所建议的，听起来问题实际上可以通过实际使 ID 唯一来解决。

Answer 1

在 HTML 中，id 应该是唯一的，每个文档只出现一次。如果您正确使用 ID，您应该能够使用 document.getElementById() 获取所需的元素，而无需考虑其类名。

如果您的 ID 不是唯一的，那么您需要先解决该问题。