jQuery 是一種流行的 JavaScript 庫，用于簡化常見的 web 開發任務。其中一個非常有用的功能是遍歷和操作 HTML 元素。在這篇文章中，我們將學習如何遍歷 DOM 并將元素的值存儲在數組中。

要遍歷 DOM，我們可以使用 jQuery 中的

each()

函數。該函數需要兩個參數 - 選擇器和回調函數。選擇器指定要遍歷的元素，回調函數用于對遍歷到的每個元素執行操作。

$('selector').each(function() {
// code to manipulate each element
});

在回調函數中，可以使用

$(this)

來引用當前正在處理的元素。例如，要遍歷所有帶有類名 'myClass' 的文本框并將其值存儲在數組中，我們可以這樣寫：

var values = [];
$('input.myClass:text').each(function() {
values.push($(this).val());
});

在上面的示例中，我們創建了一個名為

values

的數組，并使用

push()

函數在每次迭代時將當前文本框的值添加到數組中。

最后，我們可以使用數組中的值進行其他操作。例如，以下代碼會將數組中的值連接為逗號分隔的字符串并在控制臺上輸出：

var allValues = values.join(',');
console.log(allValues);

在這篇文章中，我們學習了如何使用 jQuery 遍歷并將 HTML 元素的值存儲在數組中。這是一個非常有用的功能，可以用來輕松地操作 DOM 并在網頁中實現各種功能。