Правильное переименование клонированных входных данных JQuery ⇐ Jquery

[Anonymous]

Я пытаюсь создать свою собственную функцию клонирования, которая изменяет имена клонированных входных данных, чтобы их можно было собирать PHP.
На W3C я нашел эту простую функцию для сборки< /p>

Код: Выделить всё

$("button").click(function(){
$("p").clone().appendTo("body");
});

Я изменил его, чтобы клонировать набор полей с несколькими входными данными, и это сработало. Я пошел еще дальше, пытаясь заставить его переименовывать и присваивать целочисленный атрибут имени различных элементов ввода, и теперь он даже не клонирует поле.
Вот что у меня есть на данный момент .

Код: Выделить всё

$("#p20_01_yes").click(function(){
var num     = $('.clonedInput').length,
newNum  = new Number(num + 1);
$("#cloner").clone($("input, textarea, select").each().attr('name'+newNum)).appendTo("#page20");
});

Я только что попытался опубликовать фрагмент HTML-кода, но получил предупреждение о том, что ограничение составляет 30 000 символов, поэтому вот js-скрипт, который показывает все.
https://jsfiddle.net/Optiq/krjztsm2/
Я структурировал JQuery так, как я сделал, потому что решил, что было бы целесообразнее выполнить переименование внутри клона. функция затем добавляет результаты на страницу, а не добавляет их, а затем возвращается и отделяет их от всего остального, чтобы снова копать... решил, что это будет иметь больше смысла для компьютера. Правильный ли это взгляд на это?

Подробнее здесь: https://stackoverflow.com/questions/335 ... uts-jquery