Javascript jQuery[object]不是有效的选择器

我试图选择包含子元素和第一个子元素的树节点元素，但它不是有效的选择器

<g class="nodes">
   <g class="tree-node enter" id="tree-node-cdl3c5he">
      <g class="node-group">
        <circle class="node-shape" r="80"></circle>
        <g class="node-label-group" transform="translate(-80,-80)">
        <foreignObject class="node-content-container" width="160" height="160">
        <div class="node-content">
         <div class="inner">
          <div class="node-label" data-test-id="node-label-new-part">New Part</div>
        </div></div></foreignObject></g><g class="root-group" transform="translate(0,-80)"><circle class="root-shape" r="15"></circle></g>
</g>
</g>
</g>

余烬试验：

await click($('.nodes > .tree-node:first-child'));

错误： 未能对“文档”执行“querySelector”：“余烬测试[对象]”不是有效的选择器

$（'.nodes>.tree node:first child'）

工作正常，不是无效的选择器，如下所示。它将使用类

.tree node

返回

.nodes

的第一个子节点，但如果要在

.tree node

中设置第一个子节点，则需要添加一个空格

$（'.nodes>.tree node:first child'）

---

$（'.nodes>.tree节点：第一个子节点）

预期► <代码>

var x=$（'.nodes>.tree节点：第一个子节点）；
console.log（x）

新部件

通过访问对象，如

$（'.nodes>.tree node:first'）[0]

工作。

$（'.nodes>.tree node:first child'）@waqas Error:[object object]不是有效的选择器。引发该错误的特定代码行是什么？因为这不是你在这里展示的；该选择器与

g.treenode.enter

节点匹配。我正在使用点击功能进行余烬测试<代码>等待单击（$（'.nodes>.tree节点：第一个子节点”）enter和tree node是您可能知道的两个不同的类。好的-我不熟悉Ember，因此无法在这方面帮助您，但您在此处提供的选择器与该节点匹配（对于这两个单独的类，是的；

g.treenode.enter

是同一节点的另一个有效选择器。）您可能希望扩展您所显示的代码和/或使用Ember标记问题，因为您遇到的问题可能特定于该框架。（您是否可能在DOM就绪之前运行此脚本，以便在脚本运行时选择器为空？）。谢谢

await click($('.nodes > .tree-node:first-child'));