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

Question

我试图遍历一个看起来像这样的DOM选择元素：

<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>

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

Answer 1

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

  

  
1. 页面上的dom元素数。
  
2. 用于查找元素的选择器。
  
3. 如果您使用id作为选择器，那么它是所有其他选择器中最快的。
  
4. 如果根据dom元素使用属性选择器，则可能会得到缓慢的结果。
  

如果您只是使用$('select')，请转到您的示例，它将选择页面上的所有select元素，但您需要一个特定元素，然后为其提供唯一ID或类名称才能找到它使用id或类名选择器。