javascript - .replaceWith() 在 jQuery 1.9+ 中不起作用

Question

我正在尝试克隆 <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/

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 example