JSFiddle - React, Tailwind, and code Playground

by Prasad

HTML

<div class="createacc_form signin_form_row card1Msg">
            <textarea placeholder="Description" maxlength="500" class="Desc ui-input-text ui-body-c ui-corner-all ui-shadow-inset" name="description" rows="10" cols="20" style="height: 37px;"></textarea>
            <div class="wordCount left">
              500 / 500
            </div>
            <div class="right_txt copyMsg">
              Copy message to all cards
            </div>
          </div>
<div class="createacc_form signin_form_row card2Msg">
            <textarea placeholder="Description" maxlength="500" class="Desc ui-input-text ui-body-c ui-corner-all ui-shadow-inset" name="description" rows="10" cols="20" style="height: 37px;"></textarea>
            <div class="wordCount left">
              500 / 500
            </div>
            <div class="right_txt copyMsg">
              Copy message to all cards
            </div>
          </div>
<div class="createacc_form signin_form_row card3Msg">
            <textarea placeholder="Description" maxlength="500" class="Desc ui-input-text ui-body-c ui-corner-all ui-shadow-inset" name="description" rows="10" cols="20" style="height: 37px;"></textarea>
            <div class="wordCount left">
              500 / 500
            </div>
            <div class="right_txt copyMsg">
              Copy message to all cards
            </div>
          </div>

CSS

.copyMsg {
    cursor: pointer;
}

JavaScript

$('div').on('click','.copyMsg',function(){
		var j=i=0;		
		var setText= $(this).parent().find('textarea').val();				
		$('textarea').each(function(i){
			//$(this).text(setText);
			$(this).val(setText);		
			console.log($(this).prev());	
			j=i;		
		});		
		console.log(j);
	});