html同时两个id,同时迭代两个元素

我有一个带有输入字段和相应选择选项标签的div。我想能够迭代通过第一个输入，然后第一个选择选项，然后第二个输入和第二个选择选项等，我目前迭代通过他们两个，但我得到3文本输入的第一个，然后选择选项。有没有办法为每个元素一次迭代一个元素？同时迭代两个元素

这里是我的HTML

Text

Note

Drop Down

和我的jQuery的

$('#submit').on('click', function() {

$("input").each(function() {

$("#form").append('

'+$(this).val()+'

');

});

$("select").each(function() {

switch($(this).val()) {

case "text":

$("#form").append('

Remove

');

break;

case "note":

$("#form").append('

Remove

');

break;

case "dd":

$("#form").append('

Add Another Field Submit

');

break;

}

});

$('#inputDiv').empty();

});