javascript - 使用 jQuery 获取表单中的所有输入、选择和按钮及其订单号

Question

请参阅此代码:

<form id=form1>
    <input name="TextBox1" type="text" value="1111111111" id="TextBox1" />
    <input name="TextBox2" type="text" value="222222222" id="TextBox2" />
    <select name="DropDownList1" id="DropDownList1">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
    </select>
    <input id="CheckBox1" type="checkbox" name="CheckBox1" />
    <label for="CheckBox1">nima</label>
    <input id="Button1" type="button" value="button" />
</form>

我想使用带有订单号的jquery获取表单中的所有控制元素。例如:

ElementID       order number
--------------------------------
TextBox1              1
TextBox2              2
DropDownList1         3
CheckBox1             4
Button1               5

我怎样才能做到这一点？谢谢

Answer 1

您可以使用:input和 .each()订单号:

$('#form1 :input').each(function(index)
{
    console.log(this.id + " " + (index + 1));
});

Fiddle