如何在追加（）后刪除元素

Question

我正在使用snap svg ，我在文檔中看到有一種方法可以追加（）和remove（）元素，但我不清楚如何使它適應我的代碼

_placeBet = () => {
  const tipChipSnap = snap('#chip-bet');
  const tipChipSvgContent = Snap.parse(this.props.chipSelectedSvg.content);
  tipChipSnap.append(tipChipSvgContent);
}

append()方法按預期工作，我只需知道如何使用remove（）。

我之所以需要刪除append it元素，是因為在某些時候我會在DOM中有超過100個相同的元素，我想避免這種情況。 那么就說你做_placeBet()然后tipChipSnap.append(tipChipSvgContent); 如果添加了一個新元素，我需要添加一個新元素，刪除最后一個元素並保持新元素。

那么，你有什么建議？

Answer 1

您可以保存當前保存的元素，因此下次調用該函數時，將其刪除。 例如：

let previous;
_placeBet = () => {
  const tipChipSnap = snap('#chip-bet');
  const tipChipSvgContent = Snap.parse(this.props.chipSelectedSvg.content);
  tipChipSnap.append(tipChipSvgContent);

  if (previous) previous.remove();
  previous = tipChipSvgContent;
}