Jquery输入复杂的递增混乱

我有这个输入有文本，当你点击它时，文本消失，但如果你没有输入任何文本将返回。

我有一个按钮，使用此function克隆并增加当前输入字段。

这是递增我当前输入字段的函数，但我还需要增加Answer＃。

 $('#btnAdd').click(function() { var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have var newNum = new Number(num + 1); // the numeric ID of the new input field being added // create the new element via clone(), and manipulate it's ID using newNum value var newElem = $('#formanswer' + num).clone().attr('id', 'formanswer' + newNum); // manipulate the name/id values of the input inside the new element newElem.children(':first').attr('id', 'formanswer' + newNum).attr('value','Answer '+newNum); // insert the new element after the last "duplicatable" input field $('#formanswer' + num).after(newElem); 

我的问题是我需要增加新输入字段内的文本，使其每次克隆时动态递增1。 几个小时以来，我一直在墙上撞墙，但我希望它不是一些简单的php var。 请帮助我：〜）

Answer 1

这是一个有效的小提琴，我想你做的是：

http://jsfiddle.net/R2tFz/

对于后代，这是我创建的JavaScript：

 $(function () { $('#btnAdd').click(function() { var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have //clone the last field var newNum = num + 1; // the numeric ID of the new input field being added var newElem = $('#formanswer' + num).clone().attr('id', 'formanswer' + newNum); // create the new element via clone(), and manipulate it's ID using newNum value // manipulate the name/id values of the input inside the new element $("input", newElem).attr('name', 'formanswer' + newNum).val('Answer ' + newNum); // insert the new element after the last "duplicatable" input field newElem.insertAfter($('#formanswer' + num)); }); $(".clonedInput").live('blur', function () { var num = $(this).attr('name').replace('formanswer', ''); $(this).val( (!$(this).val().length)?('Answer '+num):$(this).val() ); }); }); 

Answer 2

我在这里用javascript告诉你在做什么有点困难，因为我无法在任何地方看到id formanswer ，除了你输入了一些事件属性之外，我对你的HTML一无所知。它。

因此，我无法测试您的代码，因此编写了我自己的快速解决方案。 我希望它会对你有所帮助。

它做了我认为你想要它做的事情（该按钮在最后一个之后创建一个新输入并增加占位符文本和id属性中的数字）。

如果我误解了，我很抱歉。