JQuery text () with replacement () does not replace text

Question

I have the following H2:

<h2 id="resetPWSuccess">Password reset instructions have been sent to *|RESETPASSWORDEMAIL|*</h2> 

I want to replace *|RESETPASSWORDEMAIL|* with the current email address that I have in the jQuery emailAddress variable.

I tried the following, but it does not work:

 $('h2#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', emailAddress).show(); 

Is there a way to update h2 text - I prefer a single line if possible.

Answer 1

Use this instead:

 $('#resetPWSuccess').text( $('#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', emailAddress) ).show(); 

---

Note that I also removed h2 from your selector: this is useless and slower than just using the id. When you query jQuery to search for #resetPWSuccess , it uses the very fast native getElementById function.

From jQuery source code:

 // Shortcuts if ( (match = rquickExpr.exec( selector )) ) { // Speed-up: Sizzle("#ID") if ( (m = match[1]) ) { if ( nodeType === 9 ) { elem = context.getElementById( m ); 

Answer 2

I suggest a different approach:

 <h2 id="resetPWSuccess">Password reset instructions have been sent to <span id="resetPWemail"></span></h2> 

And the corresponding js:

 $('#resetPWemail').text(emailAddress); $('#resetPWSuccess').show(); 

Answer 3

Use this.

 $('#resetPWSuccess').text( $('#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', ' [e-mail] ') ) 

Watch Demo Demo

Answer 4

try it

 $("#resetPWSuccess").text( $('#resetPWSuccess').text(). replace('*|RESETPASSWORDEMAIL|*', $("#EmailID").val())) 

Answer 5

You can even just do it.

  <h2 id='resetPWSuccess'></h2> $('h2#resetPWSuccess').text('Password reset instructions have been sent to '+emailaddress).show();