使用javascript獲取表單上所有HTML元素（名稱或ID）的出現順序

Question

在工作中，我有一些帶有正常html元素和經典asp動態復選框的html表單（經典asp返回）。

我們要對此進行報告並創建數據透視表，因此我需要按其在表單上出現的順序提供html對象（靜態和動態）的所有名稱或ID（名稱可能更好）的列表。 有些隱藏，直到用戶與依賴對象進行交互（我們也需要這些對象）。

我找到了許多關於如何使所有學生順利上課的帖子，但可以找到此確切答案，因為順序非常重要！

jQuery已在頁面上使用，因此可以使用。

提前致謝！

Answer 1

使用任一選項在#myForm創建元素ID /名稱的#myForm ：

var orderedArrayId = [];
$("#myForm *[id]").each(function(){
    orderedArrayId.push(this.id);
})

var orderedArrayName = [];
$("#myForm *[name]").each(function(){
    orderedArrayName.push(this.name);
})

而不是使用的.push(this.id)你也可以使用.push(this) ，如果你想獲得DOM元素的列表。

運行此代碼后，可以遍歷所有元素：

$.each(orderedArrayId, function(index, element){
    //element holds the ID of the element
    // (or a reference to the DOM element, if you've used `.push(this)` instead
    //      of `.push(this.id)`)
    //Do something
});