JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<div>
<div data-id='123123akfsna'>123123akfsna</div>
<p class="existing">Hello1</p>
<p class="existing">Hello2</p>
</div>
<div>
<div data-id='123akfsna'>123akfsna</div>
<p class="existing">Hello11</p>
<p class="existing">Hello22</p>
</div>

CSS

.existing {
    background: red
}
.description {
    background: green
}

JavaScript

$('div').on('click', function() {
    $(this + '[data-id=123123akfsna]')
      .siblings('p:')
      .html('no_featured_news')
      .removeClass('existing')
      .addClass('description');
})