Атрибут содержит селектор слова возвращающегося пустой массив

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 селектор (attr~="inStr") не в состоянии работать

Answer 1

Для слова содержит фильтр, слово должно быть разделены пробелами, в вашем случае, который не так как вы имеете слово, заключенное в []

вместо этого вы можете использовать селектор содержит как

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