在javascript中获取具有类似id数组的所有元素

Question

我在html页面上有这样的元素：

<input id="serial[301888][0]" type="hidden" value="51.0100|T2-QQQ" name="serial[301888][0]">
<input id="serial[301888][1]" type="hidden" value="5.0900|T2-WWW" name="serial[301888][1]">
<input id="serial[301888][2]" type="hidden" value="11.1100|T2-XXX" name="serial[301888][2]">
<input id="serial[301888][3]" type="hidden" value="22.5600|T2-YYY" name="serial[301888][3]">
<input id="serial[301888][4]" type="hidden" value="10.2300|T2-ZZZ" name="serial[301888][4]">

不使用jQuery，我怎样才能将所有这些元素都放到数组中？

Answer 1

您可以将JavaScript的document.querySelectorAll与CSS的^= attribute selector结合使用：

document.querySelectorAll('[id^="serial[301888]"]');

这将生成一个数组，其中id个属性以"serial[301888]"开头。