JSFiddle - React, Tailwind, and code Playground

HTML

<div id="preview">
     <h1 id="tagline" class="editable">The tagline</h1>
    <h1 id="tagline2" class="editable">The tagline2</h1>
    <h1 id="tagline3" class="editable">The tagline3</h1>
</div>


<div id="elementSelectionList">
     <ul>
           <li><a href="#tagline">Tagline</a></li>
           <li><a href="#tagline2">Tagline2</a></li>
           <li><a href="#tagline3">Tagline3</a></li>
     </ul>
</div>

CSS

.red {
    background : red;
}

JavaScript

function loadEditor(node) {
       
}

$('#elementSelectionList a').click(function() {
    $('#preview').children('.red').removeClass('red');

    var node = $(this).attr('href');
    $($(this).attr('href')).addClass('red');
});