javascript - querySelector() - 第一个内部元素

Question

我正在使用 SVG.js select() 函数，它使用 querySelector() 函数。

目前，我使用的命令是:select("[id='1']")(1可以用其他数字代替)

我想做的是选择该元素内的第一个内部元素。或者，我可以通过标签名称来选择它。

怎么做？

我尝试了 select("[id='1']:first") 但收到错误。

顺便说一句，我这样选择它的原因显然是 querySelector 的 id 有问题，它是数字。

Answer 1

:first 是一个 jQuery 的东西。对于您正在做的事情，您可以使用 :first-child，即 a CSS thing :

select("[id='1'] > :first-child");

该选择器匹配作为 id="1" 元素的第一个子元素的所有元素，但是如果 select 正在使用 querySelector封面，您将获得第一个这样的元素。

请注意，其中的 > 是 child combinator : 这意味着我们正在寻找 [id='1'] 中的 :first-child。 (此答案的早期版本使用 [id='1'] :first-child，它使用 descendant combinator [只是空白]。选择元素列表很重要，但不是如果只在第一个匹配项上选择。)(你需要一个或另一个，因为没有任何组合器 ([id='1']:first-child) 它会寻找第一个 [id='1'] 这也是一个 :first-child。)