Home/ Questions/Q 786025
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T20:58:20+00:00

HTML: <html> <body> <textarea>Original Text</textarea> <button>Replace</button> </body> </html> jQuery: $(function() { $(‘button’).click(function () {

  • 0

HTML:

<html>
<body>
    <textarea>Original Text</textarea>
    <button>Replace</button>
</body>
</html>

jQuery:

$(function() {
 $('button').click(function () {
     $('body').html($('body').html().replace('Original','New'));
 });
});

http://jsfiddle.net/r7MgY/

Can I highlight changes somehow with a fading yellow background maybe?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As Sarfraz says, use the jQuery color plugin. Usage is the same as animate method in jQuery. The plugin overrides the animation methods for these properties: ‘backgroundColor’, ‘borderBottomColor’, ‘borderLeftColor’, ‘borderRightColor’, ‘borderTopColor’, ‘color’, ‘outlineColor’.

    jQuery animate method usage and info can be found here: http://api.jquery.com/animate/

    Also, if you want to replace something in the HTML it’s better to get the wrapper tag of the tag that contains what you want invoke the replace method on instead of search through the entire body as a string. Normally you’d use:

    $('#idOfMyWrapperTag').html().replace('this', 'that')

    But since you are using a textarea you can get it’s value with this: 

    $('textarea').val().replace('this', 'that');

    ..fredrik

    • 0