JSFiddle - React, Tailwind, and code Playground

by Imperative

HTML

<div class="element">
    <h2>jQuery String Replacement</h2>
    <p>This is a line of text. The plugin defaults it and doesn't let you change it.</p>
    <p>The disadvantage of this method is that search engines will see only the default text.</p>
</div>

CSS

body {font-family: sans-serif;}
h2 {font-size: 1.2em; margin-bottom: 0.8em;}
p {margin: 0 0 .4em 0}

JavaScript

$('.element p').each(function() {
    var text = $(this).text().replace('The plugin defaults it and doesn\'t let you change it', 'It has been changed by way of jQuery');
    $(this).text(text);
});