删除追加的svg文本jquery

Question

下面是我附加的svg文本：

$("#textinArea").append(parseSVG('<text x="' + xtext + '" y="' + ytext + '" id="' + '#text_chaise_' + i + '_' + j + '" font-size="55" data-access="'+access+'" font-family="Verdana" alignment-baseline="middle" text-anchor="middle" fill="Black">O</text>'));

之后，我想删除此文本，并将其从图像/矩形中清除。

我尝试了许多解决方案，例如：

- $("#text_chaise_" + i + "_" + j).empty();              

- $("#textinArea").append(parseSVG('<text x="' + xtext + '" y="' + ytext + '" id="' + '#text_chaise_' + i + '_' + j + '" font-size="55" font-family="Verdana" alignment-baseline="middle" text-anchor="middle" fill="Black"></text>'));

- $("#textinArea").closest("text_chaise_" + i + "_" + j).empty();

我没有办法删除这篇文章。

当我使用：$("#textinArea").empty()时，它会删除所有附加到textinArea的文本，这不是我想要的。

Answer 1

也许你可以把它作为一个引用对象来尝试一下？

var myText = parseSVG('<text x="' + xtext + '" y="' + ytext + '" id="' + '#text_chaise_' + i + '_' + j + '" font-size="55" data-access="'+access+'" font-family="Verdana" alignment-baseline="middle" text-anchor="middle" fill="Black">O</text>');
$("#textinArea").append(myText);

// Delete it by reference
delete myText;

delete将删除所有dom元素，也许这也适用于svg元素。但我不确定。