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

Question

这是最近一直困扰我的事情，我发现了相关的问题（比如这里和这里），但它们并不是我想要的，似乎应该有，所以我担心我错过了一些东西。

这是一个相当常见的模式（至少是我的），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 不会真正对性能产生重大影响。 事实上，这几乎可以肯定是最快的方法。