在Javascript / JQuery中遍歷DOM元素樹的最快方法

Question

我正在嘗試遍歷如下所示的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>

這樣n大於10000個元素。 獲取此DOM內容的最有效方法是什么？

Answer 1

選擇元素的速度取決於許多因素。

1. 頁面上dom元素的數量。
2. 用於選擇元素的選擇器。
3. 如果將id用作選擇器，則它是所有其他選擇器中最快的。
4. 如果根據dom元素使用屬性選擇器，則結果可能會很慢。

以您的示例為例，如果您僅使用$('select') ，它將選擇頁面上的所有select元素，但是您需要一個特定的元素，然后為其賦予唯一的ID或類名，以使用ID或類名選擇器進行查找。