Javascript 如何从外部SVG文件中获取子级？

我试图将jQuery悬停事件添加到SVG中。我需要特定的路径来触发不同的事件

这就是我所拥有的：

var petals=$（'#flower'）.children（'svg'）.children（'path'）；
每个（函数（）{
console.log（this.id）；
});

您必须检测外部SVG的加载何时完成，然后在加载完成后运行代码。我不知道该怎么做。你可能还想问一个新的问题，有什么问题吗？将jquery脚本放在svg文件中，它应该可以工作：no？var petals=$（'#flower'）。children（'svg'）。children（'path'）；当我使用本地svg文件时，不会生成每个元素，并且链接建议通过document.getElementsByTagName（“svg”）获取它，但是如果将javascript放入svg中，则会生成未定义的元素，否则如果设置为将其放入宿主html文件中，请参见以下内容：