任意运行时脚本元素和DOM元素之间的连接

Question

这一直困扰着我，我发现了相关的问题（比如here和here），但它们并不是我想要的东西，似乎就像应该这样我害怕我错过了什么。

一个相当普遍的模式（至少是我的），一个AJAX请求返回一个HTML片段以及一些JavaScript，用于以某种方式操作（或初始化）HTML。我想做的是能够引用直接从JavaScript插入的HTML，如：

<div class="fancy_div">
  <select></select>
</div>
<script type="text/javascript">
  myAlreadyLoadedLibraryFunction(justInsertedDivAbove);
</script>

但我的理解是脚本块几乎不知道它在页面上的位置，并且不能直接引用元素，而是相对。

我在这里看到的建议是：

1. 将id应用于div并以此方式引用
2. 使用jQuery，使用该类迭代该类的所有div

对于＃1，我认为为一个元素生成一个唯一的id似乎有点过分，可能只需要相对推进。

对于＃2，迭代该类页面中的所有元素似乎是巨大的过度杀伤

我目前正在从原型转向更多jQuery，所以我并不完全熟悉jQuery风格（但我非常感兴趣）。

我可能会过度思考，或遗漏某些事情，或在我的模式中误入歧途，或者只是需要轻推 - 感谢您的时间！

Answer 1

除非您计划这样做数十万次，否则创建一个用于获取元素的新唯一ID不会对性能产生重大影响。事实上，它几乎肯定是最快的方法。