使用javascript按照表单上的外观顺序获取所有html元素(名称或ID)

时间:2011-10-04 21:12:08

标签: javascript jquery html names

在工作中,我有一些html表单(经典的asp后退),包含普通的html元素和经典的asp动态复选框。

我们想对此进行报告并创建数据透视表,因此我需要按照它们在表单上显示的顺序提供html对象(静态和动态)的所有名称或ID(名称可能更好)的列表。有些是隐藏的,直到用户与依赖对象交互(我们也想要那些)。

我找到了很多关于让所有人上课的帖子,但是可以找到这个确切的答案,因为订单非常重要!

jQuery已经在页面上使用,因此可以使用。

提前致谢!

1 个答案:

答案 0 :(得分:1)

使用任一选项在#myForm

中创建元素ID /名称列表
var orderedArrayId = [];
$("#myForm *[id]").each(function(){
    orderedArrayId.push(this.id);
})

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

如果您想获取DOM元素列表,也可以使用.push(this.id)而不是.push(this)

运行此代码后,您可以遍历所有元素:

$.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
});