jQuery append()只在第一次工作

Question

奇怪的问题.我有以下代码:

// remove template row from DOM and store in variable

var $addDegreeRow = $('.addDegreeRow').remove();
$('#addDegreeLink').click(function (ev) {
    ev.preventDefault();
    $('.degreeSection').append($addDegreeRow);
});

我正在从DOM中选择一个元素,将其删除,并在选择器中保留其内容$addDegreeRow.然后我将点击事件分配给页面上的链接,该链接将存储的选择器附加到页面上的现有div.

我第一次通过点击活动一切都很完美.但第二次通过什么都没有附加.如果我查看firebug中的HTML,.degreeSection每次执行单击时div都会突出显示,即使没有其他内容被添加.这就像jQuery $addDegreeRow用新的覆盖旧的追加,而不是只添加另一个.

有没有人遇到过这个问题？谢谢.

Answer 1

您将一次又一次地附加相同的元素.如果你想要该元素的副本,你必须首先克隆()它.