jQuery：为每个表单字段提供一个按时间顺序递增的数字

Question

有一个动态生成的表单。对于每个表单输入字段（'.questions'）。我想显示字段的编号（按时间顺序）。所以第一个字段显示 1，第二个字段显示 2 结束，依此类推。

我想我几乎已经在这段代码中得到了它，但现在它为每个元素提供了每个数字，因此输入字段一= 1234和二= 1234，其中应该是一= 1二= 2。

$('.questions').each(function(index) {
     var num = index + 1;  
     ('<p class="num">'+num+'</p>').insertBefore('.questions'); 
});

现在它可以正常工作了：

$('.questions').each(function(index) {
     var num = index + 1;  
     ('<p class="num">'+num+'</p>').insertBefore(this); 
});

Answer 1

或者您可以使用

$('.questions').each(function(index) {
 var num = index + 1;  
 $('<p class="num">'+num+'</p>').insertBefore($(this));
});

问题是，当您使用 insertBefore 方法时，您再次使用“.questions”选择器选择所有元素。而您实际上想将其插入到当前元素之前，该元素由 $(this) jquery 对象表示。

Answer 2

问题在于在每个回调中声明 num 。
将 num 的声明移至回调之外。

试试这个：

var num = 0;
$('.questions').each(function(index) {      
    num = index + 1;        
    $('<p class="num">'+num+'</p>').insertBefore(this);  
});