JQuery:获取使用 .append() 添加的元素的 .index()

Question

JQuery v1.7.2

用户从下拉列表中进行选择后，我将向屏幕添加元素。我正在使用 .append() 执行此操作:

var html = '<li><input type="hidden" name="hidden_' + ID + '" id="hidden_' + ID + '" value="' + ID + '"/><p>' + Name + '<a href="#" onClick="remove($(this));">Close</a></p></li>'
$('#sortable').append(html);

提交表单时，我需要遍历每个隐藏字段并获取它们的值和当前顺序(用户可以在页面上上下移动它们)。我正在尝试使用 .index() 来做到这一点:

$('#sortable input:hidden[id*="hidden_"]').each(function(){
    alert($(this).val());
    alert($(this).index());
}); 

当我运行此代码时，该值运行良好，但索引始终为 0。我尝试将其全部包装在

$(function () {
    $("#create").on("submit", function (event) {
    });
});

但这也不起作用。

我做错了什么，还是因为我 append 了元素而发生这种情况？

Answer 1

each函数的第一个参数是当前循环的索引。

.each( function(index, Element) )

$('#sortable input:hidden[id^="hidden_"]').each(function(index){
    alert(this.value);
    alert(index);
});