JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pure-u-1 pure-u-md-1-8">
  <div class="pure-g">
    <div class="pure-u-1-2 ">
      <p class="boldText">2.1 </p>


    </div>
    <div class="pure-u-1-2">
     
    </div>
  </div>
</div>
<div class="pure-u-1 pure-u-md-2-5">
  <p class="boldText">focus to next textarea?</p>
</div>
<div class="pure-u-1 pure-u-md-1-5">
  <textarea class="" id="commenty" style="height: 89px; overflow-y: hidden;"></textarea>
</div>



<div class="pure-u-1 pure-u-md-1-8">
  <div class="pure-g">
    <div class="pure-u-1-2 ">
      <p class="boldText">2.2</p>


    </div>
    <div class="pure-u-1-2">
     
    </div>
  </div>
</div>
<div class="pure-u-1 pure-u-md-2-5">
  <p class="boldText">focus to next textarea?</p>
</div>
<div class="pure-u-1 pure-u-md-1-5">
  <textarea class="" id="commenty1" style="height: 89px; overflow-y: hidden;"></textarea>
</div>


<div class="pure-u-1 pure-u-md-1-8">
  <div class="pure-g">
    <div class="pure-u-1-2 ">
      <p class="boldText">2.3 </p>


    </div>
    <div class="pure-u-1-2">
     
    </div>
  </div>
</div>
<div class="pure-u-1 pure-u-md-2-5">
  <p class="boldText">find next textarea?</p>
</div>
<div class="pure-u-1 pure-u-md-1-5">
  <textarea class="" id="commenty2" style="height: 89px; overflow-y: hidden;"></textarea>
</div>

JavaScript

$("textarea").keyup(function(e) {

  var txtArea = $(this).next().find('textarea').eq(0);
  alert(txtArea.attr('id'));
  $(txtArea).focus();
  $(txtArea).val("nicetried");
});