当我已经拥有DOM元素时，如何选择元素？

Question

如果您有一个包含DOM元素的变量，并且想要选择与该DOM元素相关的元素，只需将其包装在jQuery对象中即可。

var myDomElement = document.getElementById("foo");
$(myDomElement ).find("a"); 

许多人尝试将DOM元素或jQuery对象与CSS选择器连接起来，如下所示：

$(myDomElement + ".bar" );

不幸的是，您无法将字符串连接到对象。我该怎么做？

Answer 1

也许您想查看querySelector()：https://www.w3schools.com/jsref/met_document_queryselector.asp

在你的例子中：

document.querySelector("#foo a");

Answer 2

  

不幸的是，你无法将字符串连接到对象。

在你的情况下，你应该这样做才能得到结果。

$("#" + myDomElement.id + " .bar" );

或者如果你已经知道了id

$("#foo .bar" );