Jquery 删除动态添加的字段

我正在jquery中动态添加字段。但我也打算动态地消除这些字段。 我正试图删除它，如以下示例所示：

var-cars=[
{颜色：“红色”}，
{颜色：“白色”}，
{颜色：“黑色”}，
];
var campos_max=10；
var x=0；
$（“#添加_字段”）。单击（函数（e）{
e、 预防默认值（）；
如果（x{
append（`+element.color+`）；
});
x++；
});
$（'#listas'）。在（“单击“，”.remover_campo”，函数（e）上{
e、 预防默认值（）；
$（this.parent（'.teste'）.remove（）；
x--；
});

添加
您的代码中有两个问题。首先，按钮类是
remove\u field
，而不是
remover\u campo
。其次，
.teste
是按钮的同级，而不是父级，因此您应该使用
prev（）
来定位它

此外，您还可以做一些事情来改进代码，例如只构建一次颜色选项列表，避免使用全局变量（
x
）来跟踪添加了多少
select
元素，以及在单击“移除”按钮时移除按钮本身。试试这个：


let cars=[
{颜色：“红色”}，
{颜色：“白色”}，
{颜色：“黑色”}，
];
设campos_max=10；
让carOptions=cars.map（o=>`Where is element with class
remover\u campo
？@Karan它在append中