How to replace text

Question

I want to replace the text( "My Text" ) that is inside of a tag <a>
this is my code:

<a id="myID" href="#">
    My Text
    <img src="/layout/images/blank.gif">
</a>

I tried:

$( "#myID" ).text( "New Text" );

But I returns this error:

TypeError: string is not a function
message: "string is not a function"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
proto: Error

and:

$( "#myID" ).html( "New Text" );

TypeError: undefined is not a function
message: "undefined is not a function"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
proto: Error

http://jsfiddle.net/6o8ck0bo/1/ – Weafs.py Oct 10 '14 at 17:24 — Weafs.py, Oct 10 '14 at 17:24

Pranav C Balan · Accepted Answer · 2014-10-10T17:25:01.243

1

You can use html() with callback function

$("#myID").html(function(i, v) {
    return v.replace("My Text", "New Text");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a id="myID" href="#">
    My Text
    <img src="/layout/images/blank.gif">
</a>

edited Oct 10 '14 at 17:25

answered Oct 10 '14 at 17:18

Pranav C Balan

113,687
23
165
188

How to replace text

1 Answers1