如何找到一个以`document.querySelectorAll`开头并以结尾的元素？

Question

有些元素的类具有以下模式：

view-???-panel

赞：

<iframe name="view-111-panel"></iframe>
<iframe name="view-112-panel"></iframe>

我想使用document.querySelectorAll来找到它们。我知道如何使用“ startsWith”和“ endsWith”进行查询：

document.querySelectorAll('iframe[name^="view-"]')
document.querySelectorAll('iframe[name$="-panel"]')

但是我找不到将它们组合在一起的方法。

是否可以通过querySelectorAll完成所有操作？

Answer 1

您可以组合选择器 document.querySelectorAll('iframe[name^="view-"][name$="-panel"]') https://api.jquery.com/multiple-attribute-selector/（香草JS是相同的）