Как мне инициализировать массив во входном классе для jquery?

Question

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 в качестве счетчика. Я не уверен, что это правильный путь.

Answer 1

Проверьте этот 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 всякий раз, когда добавляется новый элемент.

Script

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)