JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
        <div class="row" id="load-msgs">
    
    									
    <div class="col-md-10 col-sm-12 col-xs-12 ">
    	<span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
    	 lewpwa	</span>
    </div>
    									
    									
    <div class="col-md-10 col-sm-12 col-xs-12 ">
    	<span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
    	 oppa	</span>
    </div>
    									
    									
    <div class="col-md-10 col-sm-12 col-xs-12 ">
    	<span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
    	 oppa	</span>
    </div>
    									
    									
    <div class="col-md-10 col-sm-12 col-xs-12 ">
    	<span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
    	 oppa	</span>
    </div></div>

JavaScript

$(document).ready(function(){

       console.log( $("#load-msgs div span").last().html())
       console.log( $("#load-msgs").last().find('div span').html())

})