.replaceWith（）在jQuery 1.9+中不起作用

Question

我正在尝试克隆<textarea>并克隆并替换标签<label> Number 1 <label>的数字，每次按下添加按钮时，该数字增加1（因此第一个标签将具有Number 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/

Answer 1

我不知道您在尝试使用.attr('span'为何，为什么它似乎在<1.8中有效，或者您为什么要从cloneCount中减去一个，但这不应该做您想要的：

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

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

jsFiddle示例