Javascript jQuery第一个节点选择器

我有一个包装器元素，它包含具有唯一is的子元素。 如何在不需要遍历的情况下获取元素的值

例如

上面的代码返回的不是find函数参数中指定的子元素，而是一个数组，只包含child1。从而导致编写这样的代码

$("#wrapper").find("#child1").each(function(){//do something...});

PS：我真的很想避免这样的事情，因为它是低效的

$("#wrapper #child1")

---

因为我已经有了#wrapper元素，不想再次遍历整个DOM。

如果只需要第一个元素，可以使用子元素并引用第一个元素

console.log（$（“#包装器”）.children（）[0]）

内容
内容
内容

您可以使用：第一个子选择器

$( "#wrapper:first-child" )

---

如果子元素具有唯一id，则可以通过id直接访问该元素

$("#child1").css('color', 'red');

或者，如果您想使用jQuery，可以使用jQuery的子方法

$('#wrapper').children('#child1');

---

如下所示：

$（'#wrapper>div:first'）

是否要查找元素

child1

？你不能使用类似于

$（“#包装器：第一个孩子”）的东西吗

和的可能重复请阅读请花一些时间粗略阅读jQuery文档：即使只是阅读方法名称，也会让您对它们的作用有一个很好的了解。最好留下一个注释，说明为什么这是正确的解决方案。–需要什么颜色设置？我在问题中没有找到任何相关信息。作者特别指出，

#wrapper

元素已经已知，不希望再次搜索它。您好，我不希望jQuery再次查看整个DOM。我已经在变量中包含了wrapper元素。在这种情况下，可以使用wrapperVariable.children（“#child1”）

$("#wrapper div:first-child").css("color","green");

$("#child1").css('color', 'red');

$('#wrapper').children('#child1');