javascript - JS。如何获取具有相似类名的 div 列表？

Question

我有 html，像这样:

<div id="c0" class="bz_comment bz_first_comment"></div>
<div id="c1" class="bz_comment"></div>
<div id="c2" class="bz_comment"></div>
<div class="bz_add_comment"></div>

如何在 JavaScript(不使用 JQuery)中按以“bz_comment[anysymbols]”开头的类获取所有 div 的数组(示例中为 3 个 div)？

或者我可以通过以“c[numeric_value]”开头的 id 获取 div 数组吗？

[numeric_value_can_consist_of_some_numbers]

这是类似 stackoverflow.com/questions/1225611/的问题(但我没有资格问这个问题)。提前致谢。

Answer 1

你应该使用 .querySelectorAll

var matching = document.querySelectorAll('[class*="bz_comment"]')

虽然我在您的代码中看到了一些令人担忧的事情:

• 您有连续的数字 ID，请考虑使用 Array来表示顺序数据。
• 您正在按类名标识符选择内容，如果您必须这样做 - 使用 data-*属性代替。更好的是，将元素存储在数组中并直接引用它们。