how to use class name after getting class name from event.target in jaquery? : i've this code on html

    <div id="readMorediv_id">
	<button class="readMorebtn_id">Read More</button>
     <div class="afterReadMore_Class" style="display: none !important;">
		<div >
		 <span><b>User CNIC:</b></span><span><?php  $row['usercnic']?></span>
		</div>
		<div>
		 <span><b>Father CNIC:</b></span><span><?php echo$row['fathercnic']?> 
         </span>
	   </div>
     </div>
  </div>
and this is my jquery code

    $(".readMorebtn_id").on('click', function( e )
		{
			var icon = e.target;

			var parentDiv = $(icon).parent();
			var child = $(parentDiv).children(".afterReadMore_Class");
			var cls = $(child).attr('class');
			console.log(cls);
		});


in jquery, where i'm doing "console.log(cls)" class name is displaying in console box. but i want to use this class name for further process. anyone help me
