獲取所有輸入，選擇和按鈕，並使用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與秩序number.For例如獲得在形式上所有控制元件：

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

我該怎麼做？ 感謝

Answer 1

內得到其爲了這不是層號，它是指數。

$.each($('#form1').find('input, select'), function() 
{ 
    alert('Index: ' + $(this).index()); 
}); 

或者，如果您需要連續數

$.each($('#form1').find('input, select'), function(counter) 
{ 
    alert('Index: ' + counter); 
}); 

Answer 2

您可以使用:input和.each()的訂單號：

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

Fiddle

Answer 3

你可以得到所有的孩子形式的元素做$('#form1').children()將返回表格的唯一直接子（即沒有來自<select>內部的<option>標籤）。

然後，您可以調用的.index（）每個元素的形式http://api.jquery.com/index/