Javascript 克隆div没有被删除，只是原始的一个

我有一个正在克隆的div，我想通过按钮

remove

删除所选的

div

。它只是删除用于克隆字段的html div

请参见下面的我的代码：

JS

//克隆计划字段

function cloneField(){
    const newFieldContainer = document.querySelector(".schedule-item").cloneNode(true)
    console.log(newFieldContainer)
    let fields = newFieldContainer.querySelectorAll('input')
    fields.forEach(function(field){
        field.value = ""
    })
    document.querySelector("#schedule-items").appendChild(newFieldContainer)
    

  
}

//添加新字段

function addButton(){
    let button = document.querySelector("#add-time")
    const selected = document.getElementById('select').selected
    let scheduleItems = document.querySelector('#schedule-items')
    let inputs = scheduleItems.querySelectorAll('input')
            if(selected == true || [...inputs].some(input=>input.value === "")){
            alert('Tem o dia ou a hora faltando nos Horários Disponíveis.')
            button.removeEventListener('click',cloneField)

        }else{            
            button.addEventListener('click',cloneField)
    }   
    }

//如果需要，添加已删除的字段

let buttonRemove = document.querySelector('.remove-schedule-item')
buttonRemove.addEventListener('click',removeField)

function removeField(){
   
    let scheduleItem = document.querySelector('.schedule-item')  
    scheduleItem.parentNode.removeChild(scheduleItem);
    console.log('hey')

}

HTML

Horários disponíveis
+诺沃霍拉里奥酒店
塞马纳酒店
乌马奥普ço Selecione酒店
{工作日%中的工作日%}
{{工作日}
{%endfor%}
达斯
吃了
去除

---

当您尝试删除该项目时，请提前感谢

function removeField(){
   
    let scheduleItem = document.querySelector('.schedule-item')  
    scheduleItem.parentNode.removeChild(scheduleItem);
    console.log('hey')

}

您总是选择第一个

。计划项目
，然后删除第一个项目

编辑：

克隆元素时，需要将事件侦听器添加到新元素中


函数cloneField（）{
const newFieldContainer=document.querySelector（“.schedule item”）.cloneNode（true）；
让fields=newFieldContainer.querySelectorAll（'input'）
fields.forEach（函数（字段）{
field.value=“”
});
document.querySelector（“#计划项”）.appendChild（newFieldContainer）；
const removeBtn=newFieldContainer.querySelector（'.remove schedule item'）；
如果（删除BTN）{
removeBtn.addEventListener（'单击'，函数（））{
newFieldContainer.remove（）；
});
}
}
单击“删除”按钮如何选择任何项目？
function removeField(){
   
    let scheduleItem = document.querySelector('.schedule-item')  
    scheduleItem.parentNode.removeChild(scheduleItem);
    console.log('hey')

}