Question

我正在使用snap svg，我在文档中看到有一种方法可以追加（）和删除（）元素，但我不清楚如何使其适应我的代码

_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

您可以保存当前保存的元素，因此下次调用该函数时，您将其删除。 E.g：

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

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

1 个答案: