How to change the text 'save' to 'edit' in this html code using jquery

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

i tried changing the text(save between the spans ) using

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

but its not working..

How to change the text 'save' to 'edit' in this html code using jquery

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

i tried changing the text(save between the spans ) using

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

but its not working..

• javascript
• jquery

• 1 Change it when what? Click on link or what? Improve your question please... – A. Wolff Commented Aug 2, 2013 at 10:24
• 1 Mhm... What? Can you please explain better? – Niccolò Campolungo Commented Aug 2, 2013 at 10:24
• Use $('#personalSave').text('edit') instead... – Niccolò Campolungo Commented Aug 2, 2013 at 10:29
• @LightStyle dat did the trick – iJade Commented Aug 2, 2013 at 10:32

3 Answers 3

This is what worked for me

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

Wrap your text also in a span:

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

Now you can select it:

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

This should work but it's probably not the best way to do it:

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

Better wrap the text in a span and change that.