Здравствуйте. Есть пару вопросов.
У меня есть блок
<div class="control-group stage">
<label class="control-label">Этап работ:</label>
<div class="controls">
<input type="text" class="span4" id="name" name="people[0][name]"/>
</div>
<div class="controls">
<div class="input-append date" id="datepicker-js" data-date="" data-date-format="dd-mm-yyyy">
<input class="datepicker-input" id="date" name="people[0][date]" size="16" type="text"/>
<span class="add-on"><i class="cus-calendar-2"></i></span>
</div>
</div>
</div>
и код
<script type="text/javascript">
function Stage() {
i = 0;
++i;
$(".stage").clone(true)
.appendTo("#clone_stage")
.find('#name')
.attr("id","name"+i);
}
</script>
Цель: скопировать полностью верхний кусок html кода при нажатии на кнопку (неограниченное количество раз) при это избегая дубликатов id и name. при том name должен быть вида people[1][name] people[1][date], people[2][name] people[2][date] и так далее.
С копированием и заменой id вроде разобрался. Правильно ли?
И как правильно менять атрибуты после клонирования, непосредственно у склонированного элемента, а не занимаясь поиском find().
и второе. Как при последующем запуске функции сохранять инкремент предыдущий, ума не приложу.