javascript - 如何更改锚标记内的文本

Question

如何使用 jquery 将此 html 代码中的文本“保存”更改为“编辑”

<a id="personalSave" href="#" class="SaveText"> 
<span class="FloatLeft">&lsaquo;</span>
save
<span class="FloatRight">&rsaquo;</span>
</a>

我尝试使用更改文本（在跨度之间保存）

$('#personalSave').innerText = "edit";

但它不工作..

Answer 1

这对我有用

$('#personalSave').text('edit');

Answer 2

将您的文本也包装在一个跨度中：

<a id="personalSave" href="#" class="SaveText"> 
    <span class="FloatLeft">&lsaquo;</span>
    <span class='txt'>save</span>
    <span class="FloatRight">&rsaquo;</span>
</a>

现在您可以选择它：

$('#personalSave .txt').text("edit");

Answer 3

这应该可行，但它可能不是最好的方法：

$("#personalSave").text($("#personalSave").text().replace("save", "edit"));

最好将文本包装在一个跨度中并更改它。