属性包含单词选择器返回空数组

Question

我有一些类似于此的HTML：

<input name="arr[something completely random][something else I can't rely on][initial]" />
<!-- ... -->
<input name="arr[dadedadeda][blahblahblah][initial]" />

我的JavaScript document.querySelectorAll('[name~="initial"]')返回[]（空）。为什么？名称中的多维数组是否以不同方式处理？有什么我想念的吗？

我刚试过document.querySelectorAll('[name$="[initial]"]')，ends with选择器（attr$="endStr"），这会返回我需要的内容，但我仍然需要知道attribute contains选择器（{{} {1}}）无法正常工作

Answer 1

对于包含过滤器的单词，单词应该用空格分隔，在您失败的情况下，因为[]

中包含了单词

相反，你可以使用像

这样的包含选择器

document.querySelectorAll('[name*="initial"]')
document.querySelectorAll('[name*="[initial]"]')//to be more specific