Javascript 克隆jquery后如何追加和删除元素？

我想做一个像下面的图片。在上一个图元上显示“删除”按钮，并为下一个图元放置“添加”按钮。

我已经做了，但我不知道如何同时添加和删除

var btn_delete='delete'；
函数removeKolom（e）{
e、 父项（'.kolom'）.remove（）；
}
函数加法器（e）{
$（“.kolom:last”）.clone（）.appendTo（“.data repeater”）；
}

A.
B
C
表演
一个
两个
三
添加

var btn_delete='delete'；
var btn_add='add'；
函数removeKolom（e）{
e、 父项（'.kolom'）.remove（）；
}
函数加法器（e）{
var newElement=$（“.kolom”）.first（）.clone（）；
$（“.kolom”）.find（'button.add btn repeat'）.replaceWith（btn_delete）；
newElement.appendTo（“.data repeater”）.find（'button'）.replacetwith（btn_add）；
}

A.
B
C
表演
一个
两个
三
添加

您可以修改

addElement

函数，如下所示：

function addElement(e) {
   var $kolomLast = $(".kolom:last");
   $kolomLast.clone().appendTo(".data-repeater");
   $kolomLast.find(".add-btn-repeat").replaceWith(btn_delete);
}

---

您可以保留对最后一行元素的引用，一旦它被克隆，您可以将其按钮从

Add

更改为

Delete

将“Add”按钮放在表外，然后在每一行上都有一个“Delete”按钮，这将更有意义。你让你的代码变得不必要的复杂，用户更难理解你的用户界面，但是你试图用你现在的方式去做。是的，我知道。但是，我想做些不同的事情