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

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;
}