javascript - 尝试使用 querySelectorAll 但失败

Question

我想选择具有类 a 的第一个 id。

<li class="a" id="1">1</li>
<li class="a" id="2">2</li>
<li class="a" id="3">3</li>

var c = document.querySelectorAll(".a#1");
c.remove();

我使用 querySelectorAll 但出现错误

Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '.a #1' is not a valid selector.

我知道在 jquery 中它是像 $('.a#1').remove() 这样完成的并且它会工作但我使用的是 zepto，所以我必须在纯 js 中弄清楚。

Answer 1

带号码的ID名称不合法，可以如下查询

document.querySelector('.a#\\31');

If the first character of an identifier is numeric, you’ll need to escape it based on its Unicode code point. For example, the code point for the character 1 is U+0031, so you would escape it as \000031 or \31 .

有关更多信息，请参阅此 Using querySelector with IDs that are numbers