1

我正在尝试克隆 a<textarea>并克隆并替换标签中的数字,<label> Number 1 <label>每次按下添加按钮时都会增加 1(因此第一个标签将具有数字 1,数字 2 下方的标签等)。

这适用于 jQuery 1.8 及更低版本,但以上任何内容都不会克隆并将 1 添加到数字。

HTML

<div>
 <label for="number">Number <span class="one">1</span></label>
 <textarea id="number"></textarea>
</div>
<button>Add</button>

jQuery

var $row = $('div').clone(),
    cloneCount = 2;

$('button').click(function () {
    $row.clone().insertBefore($("button"));
    $('span').clone().attr('span', cloneCount++).replaceWith($('[class=one]:last')).text(cloneCount - 1);
});

JSFIDDLE:http: //jsfiddle.net/wba6jvkj/

4

1 回答 1

2

我不知道您在尝试什么.attr('span'以及为什么它似乎在 < 1.8 中有效,或者为什么您要从中减去一个cloneCount,但这应该可以满足您的要求:

var $row = $('div').clone(),
    cloneCount = 2;

$('button').click(function () {
    $row.clone().insertBefore($("button"));
    $('span.one:last').text(cloneCount++);
});

jsFiddle 示例

于 2015-10-13T15:36:28.750 回答