在Javascript/JQuery中遍历DOM元素树的最快方法

我正在尝试遍历一个DOM select元素，如下所示：

<select>
    <option value='1'>Text 1</option>
    <option value='2'>Text 2</option>
    <option value='3'>Text 3</option>
    <option value='4'>Text 4</option>
    . . .
    <option value='n'>Text n</option>
</select>

文本1
文本2
文本3
文本4
. . .
文本n

---

使得

n

大于10000个元素。获取此DOM内容的最有效方法是什么

选择元素的速度取决于许多因素

页面上dom元素的数量

用于查找元素的选择器

如果您使用id作为选择器，那么它是所有其他选择器中速度最快的

如果根据dom元素使用属性选择器，则结果可能会很慢

---

在您的示例中，如果您只使用

$（'select'）

它将选择页面上的所有

select

元素，但您需要一个特定的元素，然后给它一个唯一的id或类名，以便使用id或类名选择器查找它。

定义“get”？内容就在你面前。另一方面，如果选择列表有10000个元素，你就不应该使用它-重新思考你的解决方案fella.10000个元素在选择列表中？这是很多破碎的鼠标轮和疼痛的手指。你可能想考虑使用一个类似于标签系统的插件，而不是使用10K选项。