如何在执行 append() 后删除元素

Question

我正在使用 snap svg，我在文档中看到有一种方法可以对元素进行 append() 和 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;
}

如何在执行 append() 后删除元素

How to remove an element after you do append()

javascript

snap.svg