JSFiddle - React, Tailwind, and code Playground

by diogocosta

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<div class="chatMessage listItem first" id="chatMessage-us-east1-mp2-6668675">
  <button class="expand small" type="button" tabindex="-1">+</button>
  <div class="options right"></div>
  <div class="details"><span class="time">2020-04-04 11:07</span>us-east1-mp2 lobby

    <span><span class="username adminLookup">CommanderAnime</span></span>:

    <span class="message ">Test</span></div>
</div>

CSS

span {
  color: red
}

JavaScript

const detailsHtml = $('.details').html()
const replacedContent = detailsHtml.replace('us-east1-mp2 lobby', 'Newark lobby')

$('.details').html(replacedContent)

console.log(replacedContent)