Javascript：获取节中所有元素的ID

我有一个脚本，它映射以特定ID开头的所有元素：

var mirror = [...document.querySelectorAll('[id^="abc_"]')].map(elm => elm.id);

现在我需要一个函数，它不是映射所有的ID，而是映射“foo”部分中的ID

通过obove函数，我得到了abc_1，abc_2，abc_3，abc_4。但我只需要“foo”部分（abc_1和abc_2）中的ID

有办法吗？

var-mirror=[…document.querySelectorAll（'section#foo[id^=“abc"]）].map（elm=>elm.id）；
控制台日志（镜像）

链接1
链接2
链接3
链接4

您可以轻松做到这一点。只需在

.queryselectoral（）

中传递节id

\foo

，如下所示：

 document.querySelectorAll('#foo [id^="abc_"]')

这将仅在

#foo

部分中找到以

abc\uu

开头的所有ID，而不是所有部分

var-mirror=[…document.queryselectoral（'#foo[id^=“abc"]）].map（elm=>elm.id）；
控制台日志（镜像）

---

只需在开头部分添加另一个选择器#foo

let mirror=[…document.querySelectorAll（'section#foo[id^=“abc"]）].map（ele=>ele.id）；
控制台日志（镜像）
你可以像@Pain所说的那样使用，但要一般，不要使用“section”

注意：您需要修复HTML，标记中缺少一个结束双引号
 document.querySelectorAll('#foo [id^="abc_"]')

 var mirror = [...document.querySelectorAll('#foo [id^="abc_"]')].map(elm => elm.id);