Replacing Specific Text in a page

Question

I am trying to replace a specific snippet of text inside a paragraph. I am just trying to replace the phone number. The code inside the body i am unable to access due to it being pushed to us via our partner.

To see what options are available please contact a lodging specialist via calling 866.264.1842.

I have tried

$("body").html(
    $("body").html().replace(/866.264.1842/g,'888.888.4754') );

This works however it breaks other code on our page and makes our calendar picker not work. Is there a way just to do this with css. I have access to the CSS but not the JS that is running on the page.

Answer 1

Let's assume the phone number is in a div which ID is "contact". Then you have to do that:

$("#contact").html($("#contact").html().replace(/866.264.1842/g,'888.888.4754'))

That way you don't remove the DOM modifications made by your calendar picker javascript code.

Answer 2

I have rewritten a function for this, hopefully this should work for you

Michael Smith is testing an email with a newline. 
Check out this link too: http://www.example.com

Play with this fiddle