如何在jquery的输入类中初始化数组?

时间:2011-01-01 07:03:04

标签: jquery arrays initialization

var i;  
$('a.add').click(function() { 
    $('<p><input type="text" class = "count[i]" value="Enter Item Name"/></p>').animate({ opacity: "show" }, "slow").appendTo('#selection');
    itemNumber ++;
});

我想要做的是在输入类中初始化一个名为count的数组,并将i作为计数器。我不确定这是否是正确的方法。

1 个答案:

答案 0 :(得分:0)

检查this jsfiddle并告诉我这是否是你想要的。 在这种情况下,我们有一个类名数组,当添加一个新项时,使用计数器i从数组中获取类名。

这是我的剧本

var i = 0;  

var count = ["class-1", "class-2", "class-3", "class-4"]

$('a.add').click(function(e) { 
    var className = i < count.length ? count[i] : "count";

    $('<p><input type="text" class = "'+ className  +'" value="Enter Item Name"/></p>').animate({ opacity: "show" }, "slow").appendTo('#selection');

    i++;
});

要访问count[i]th元素,您可以使用

$("#selection input." + count[i])


你可以查看fiddle 在这种情况下,只要添加新项目,类名就会使用计数器i递增。

脚本

var i = 0;  

$('a.add').click(function(e) { 
    $('<p><input type="text" class = "class-'+ (++i)  +'" value="Enter Item Name"/></p>').animate({ opacity: "show" }, "slow").appendTo('#selection');
});

要访问count[i]th元素,您可以使用

$("#selection input.class-" + i)