元素编辑按钮应仅编辑“那个”元素，而不是更新所有

Question

因此，我正在尝试对收藏夹栏进行编辑。可以编辑一个盒子，但是当我尝试编辑另一个盒子时，我之前单击的所有盒子也都被编辑了。这是一个带有完整代码的jsfiddle：https://jsfiddle.net/1exrf9h8/1/

我试图理解为什么我的editFavorite函数更新多个框而不仅仅是一个框。

function clickEdit(input, title, url, plus, editIcon, anchorEdit, editBtn)
{
  let i = editIcon.length - 1;

  editIcon[i].addEventListener("click", function(event){
    input.style.display = "block";
    title.value = plus[i + 1].textContent;
    url.value = anchorEdit[i].href;
    console.log(i);
    console.log(anchorEdit[i]);
    editFavorite(anchorEdit[i], url, title, input, editBtn);
  });
}

function editFavorite(changed, url, title, input, editBtn)
{
  editBtn.addEventListener("click", function(){
    changed.href = url.value;
    changed.textContent = title.value;
    input.style.display = "none";
  });
}