JSFiddle - React, Tailwind, and code Playground

by gokulmaha

HTML

<div class="post-comment">
          <textarea class="comment-box" name="" id="" cols="80" rows="1" spellcheck="false"></textarea>
          <button class="btn btn-sm btnComment" name="">
            <i class="fas fa-redo"></i>get
          </button>
  </div>
  
   <div class="post-comment">
          <textarea class="comment-box" name="" id="" cols="80" rows="1" spellcheck="false"></textarea>
          <button class="btn btn-sm btnComment" name="">
            <i class="fas fa-redo"></i>get
          </button>
  </div>
  
   <div class="post-comment">
          <textarea class="comment-box" name="" id="" cols="80" rows="1" spellcheck="false"></textarea>
          <button class="btn btn-sm btnComment" name="">
            <i class="fas fa-redo"></i>get
          </button>
  </div>
  
   <div class="post-comment">
          <textarea class="comment-box" name="" id="" cols="80" rows="1" spellcheck="false"></textarea>
          <button class="btn btn-sm btnComment" name="">
            <i class="fas fa-redo"></i>get
          </button>
  </div>

JavaScript

$(document).on('click','.btnComment',function(){
    var CommentText = $(this).prev().val(); 
    alert(CommentText);
})