JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">

  <a href="">000</a>
  <div class="box__text">text</div>
</div>
<div class="box">

  <a href="">111</a>
  <div class="box__text">text1</div>
</div>
<div class="box">

  <a href="">222</a>
  <div class="box__text">text2</div>
</div>
<div class="box">

  <a href="">333</a>
  <div class="box__text">text3</div>
</div>
<div class="wrap"></div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}

.wrap {
  padding: 20px;
  background: #eee;
}

JavaScript

$('.box a').click(function(e) {
    e.preventDefault();
    var ts = $(this).next('.box__text');
    var text = ts .html();
    $('.wrap').html(text);
})