JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<button id="clickme">Click me</button>

<div id="test">
    <h1>An article about John</h1>
    <p>The frist paragraph is about John.</p>
    <p>The second paragraph contains a <a href="#">link to John's CV</a>.</p>
    <div class="comments">
        <h2>Comments to John's article</h2>
        <ul>
            <li>Some user asks John a question.</li>
            <li>John responds.</li>
        </ul>
    </div>
    <input/>
</div>

JavaScript

$('#clickme').click(function() {
    $('#test').find('h1, p, li').text(function(i, v) {
        return v.replace(/John/g, 'Peter');
    });
});