好的,这是我关于SO的第一个问题。所以我有以下的html:
<div class="tables">
<section id="table__1">
</section>
<section id="table__2">
</section>
<section id="table__3">
</section>
</div>
我知道我可以使用getElementByID
或querySelector('#ID');
来选择这些部分。但是,如何仅通过ID的第一部分就可以选择所有这些部分,而这些ID在所有部分中都是相同的。我尝试了document.querySelectorAll("section[id^="table__"]")
,但没有成功
是我把语法搞砸了,还是无论如何都不起作用?如果是,有没有办法做出这样的选择?
您应该为选择器使用单引号,因为您不能在双引号中使用双引号。此外,您的选择器应该是table__
而不是tables__
:
document.querySelectorAll('section[id^="table__"]')
https://jsbin.com/ravecekiki/edit?html,js,控制台,输出