JSFiddle - React, Tailwind, and code Playground

HTML

<div>1</div>
<div>2</div>
<div>3</div>
<span>span3</span>
<div>4</div>
<div>5</div>

CSS

div:nth-child(2n+1) {
    color: red;
}

div, span {
    float: left;
}

JavaScript

/*$(function(){
    $("div").on("click", function(){
       $(this).replaceWith($("<span>"+$(this).html()+"</span><br/>")); 
    });
});*/