javascript - 在 JS 脚本中定位所有 Id 实例以添加类

Question

我正在使用以下代码 -

<script>var element = document.getElementById("more");
element.classList.add("wide");</script>

它在 php if 语句中使用。如果 wordpress 中的帖子有一个特定的自定义字段已完成，它会将类 .wide 应用于 ID 为#more 的帖子按钮。

问题是，如果页面上有多个 id #more 实例(就像我的摘录页面中那样)，它只会针对 #more 的第一个实例，而不是页面上其余的发布按钮。

有没有办法改变上面的代码，使其针对“更多”的所有 ID，或者我可以标记我想要定位的按钮并更改代码以将它们全部定位的任何其他方式？

Answer 1

页面上的特定 ID 应该永远只有一个实例，因此 getElementById 只返回一个值。如果你想使用多个，那么你应该使用一个类，并用它来定位你想要操作的元素。

然后我会建议使用 jQuery 或其他一些工具来简化选择正确元素的过程

例如:

<a class="more"></a>

<script>
    // Select .more elements and add the class wide.
    $('.more').addClass('wide');
</script>