如何找到一个以“document.querySelectorAll”开头并以“document.querySelectorAll”结尾的元素？ [复制]答案

【问题标题】：How to find an element which starts with something and also ends with something with `document.querySelectorAll`? [duplicate]如何找到一个以“document.querySelectorAll”开头并以“document.querySelectorAll”结尾的元素？ [复制]
【发布时间】：2018-11-29 17:01:09
【问题描述】：

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

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可以全部搞定吗？

【问题讨论】：

标签： html dom css-selectors

【解决方案1】：

您可以组合选择器 document.querySelectorAll('iframe[name^="view-"][name$="-panel"]') https://api.jquery.com/multiple-attribute-selector/（原版JS也一样）

【讨论】：