JSFiddle - React, Tailwind, and code Playground

HTML

<div class="comment-block comment-child">
    <div class="comment-info title-small text-bold">
        <div class="push-left">
            <span class="comment-username sm-fc">AUTHOR NAME is here</span>
            <span class="comment-time">some date</span>
        </div>
        <div class="push-right">
            <span class="comment-rating">some int value</span>
        </div>
        <div class="clear"></div>
    </div>
    <div class="comment-text">
        Sample text => Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </div>
    <div class="comment-functions">
        <span class="comment-reply title-small text-bold">reply to post</span>
        <span class="comment-rate comment-plus"> + </span>
        <span class="comment-rate comment-minus"> - </span>
    </div>  
</div>
<div class="comment-block comment-child">
    <div class="comment-info title-small text-bold">
        <div class="push-left">
            <span class="comment-username sm-fc">ANOTHER AUTHOR NAME is here</span>
            <span class="comment-time">some date</span>
        </div>
        <div class="push-right">
            <span class="comment-rating">some int value</span>
        </div>
        <div class="clear"></div>
    </div>
    <div class="comment-text">
        Sample text => Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </div>
    <div class="comment-functions">
        <span class="comment-reply title-small text-bold">reply to post</span>
        <span class="comment-rate comment-plus"> + </span>
        <span class="comment-rate comment-minus"> - </span>
    </div>  
</div>

CSS

.comment-block {
    margin: 0 0 20px;
}

JavaScript

$('.comment-reply').click(function() {
    var username = $(this).closest('.comment-block').find('.comment-username').text();
    alert(username);
});