مشکل گرفتن داده از حلقه forelse در jquery

سلام
من از حلقه forelse برای گرفتن کامنت های ثبت شده از پایگاه داده استفاده کرده ام و یک کلیک ارسال جواب برای هر کامنت گذاشته ام. زمانی که کاربر این را میزنه یک input در فرم ایجاد میشه که اسم ارسال کننده نمایش داده میشه. مشکل در زیاد بودن تعداد کامنت ها هس . در گرفتن ارسال جواب به همان کاربری که نظر داده است.

@forelse($Comment as $comment)
         <div class="review comments-user">
             <div class="col-12">
                 <div class="review-content">
                     <p   id ="userName" class="user-name">{{$comment->User->name}}</p>
                     <p   class="user-name1">{{$comment->reply}}</p>
                       <span class="review-date">{{$comment->PersianCreatedAt1()}}</span> <br>
                        <em style="">نوشت :</em>
                        <br><span  id="commtext">{{$comment->content}}</span><br><br>
                        <button class="btn btn-wide btn-danger sendReply2"  style="float: left;">ارسال پاسخ</button>
                    </div><!-- End .review-content -->
            </div><!-- End .col-12-->
                </div><!-- End .review -->
            @empty
            @endforelse

 @if (Auth::User())
            <div>
        <div class="form-group clearfix">
            <label class="col-xs-12 col-sm-12 col-md-12 col-lg-2" for="name">نام</label>
            <input readonly class="col-xs-12 col-sm-12 col-md-12 col-lg-4" name="name" id="name" value="{{$User->name}}">
        </div>
        <div class="form-group clearfix">
            <label class="col-xs-12 col-sm-12 col-md-12 col-lg-2" for="email">ایمیل</label>
            <input readonly class="col-xs-12 col-sm-12 col-md-12 col-lg-4" name="email" id="email" value="{{$User->email}}">

        </div>
        <div class="form-group clearfix wer" >
         </div>

        <div class="form-group clearfix">
        <label class="col-xs-11 col-sm-11 col-md-11 col-lg-2" for="comment">دیدگاه</label>
        <textarea class="col-xs-11 col-sm-11 col-md-11 col-lg-9 comment" name="comment" id="comment" rows="6"></textarea>

        </div>

         <button data="{{$Product->id}}" id="send-comment" class="btn btn-wide btn-success send-comment">ارسال دیدگاه</button>
            </div>
        @else
        <div style="align-items: center;
display: flex;
flex-direction: column;
margin: auto;">
        <p style="margin-bottom: 13px;
            font-weight: 900;
            font-size: 17px;">برای ثبت دیدگاه لطفا به فروشگاه وارد شوید</p>
            <a style="width: 10px;margin: auto;" class="btn btn-wide btn-warning center" href="{{url('login')}}"  class="btn btn-primary alone" >
                {{ __('ورود به حساب کاربری') }}
            </a>

        </div>
        @endif

 let sendReply2  = document.getElementsByClassName("sendReply2");

    let i;
    for(i=0;i< sendReply2.length;i++) {
        $('.sendReply2').click(function () {

            let label = " <label class=\"col-xs-12 col-sm-12 col-md-12 col-lg-2\" >پاسخ</label>";
            let input = "<input id='reply'  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-4\"  name='reply'   />";
            $(this).prop('disabled', true);
            $(".wer").append(label, input);

           let replyName = $('#userName').text();
            $(".wer input").val(replyName);

        });

    }