Jquery 列出所有表单元素及其属性

我想用jquery列出所有表单元素及其属性，我写了这段代码，它适用于表单中的元素索引0，但对于其他元素，页面将刷新并！ 这是我的密码：

$(document).ready(function(){
   $("form#registerForm").submit(function(){
        var allInputs = $("form#registerForm :input");
        $.each(allInputs, function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
    return false;
    });
});

$（文档）.ready（函数（）{
$（“表格#注册执行”）.submit（函数（）{
var allInputs=$（“表格#注册表执行：输入”）；
$.each（所有输入，函数（索引，字段）{
$（“#res”）。追加（索引+”：“+字段+”
）；
$.each（字段、函数（pIndex、pValue）{
$（“#res”）.append（pIndex+”：“+pValue+”
）；
});
});
返回false；
});
});

---

感谢您的帮助：）

您的方法很可能发生错误，导致永远无法到达

return false

语句

要避免此类问题，请在

submit

处理程序的开头使用

event.preventDefault（）

$(document).ready(function(){
   $("form#registerForm").submit(function(event){
        event.preventDefault();
        $(this).find(":input").each(function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            // What do you expect below..?
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
        return false;
    });
});

$（文档）.ready（函数（）{
$（“表格#注册执行”）。提交（功能（事件）{
event.preventDefault（）；
$（this）.find（“：input”）.each（函数（索引，字段）{
$（“#res”）。追加（索引+”：“+字段+”
）；
//你对下面的内容有什么期望。。？
$.each（字段、函数（pIndex、pValue）{
$（“#res”）.append（pIndex+”：“+pValue+”
）；
});
});
返回false；
});
});

@nader我的答案仍然是jQuery。您还没有提供演示或您的期望，因此没有人知道您的代码出了什么问题。如果它“不起作用”，你能提出一个更清楚的问题吗？谢谢你的回答，但这只适用于表单中的第一个元素，我想列出所有元素them@nader您的代码无法工作，因为读取某个属性时会引发错误。使用

try catch

忽略错误：。另外，对于非常大的

append（）

调用，将输出串联成一个字符串，然后在最后使用

.append（）

更有效。