JSFiddle - React, Tailwind, and code Playground

HTML

<script src="cdn.framework7.io/js/vendor/jquery-1.11.0.min.js"></script>
<script src="https://framework7.io/dist/js/framework7.min.js"></script>
<div class="les_news">
<div style="color:#0000f8;background-color:rgba(132, 212, 190, 0.8);" class="uncom sans " id="lecom_492"><div style="height:40px;width:40px;background:red;"
</div>
</div><div class="entete_com" id="entete_com_492"><div class="ilya" id="timecom_492"><i>le 13 février, à 12h25</i></div><div style="background-color:#c2eadf;" class="content_like_com" id="content_like_com_492"><div class="part_like_com"><span class="item_like_com create-about mine"><i class="icon ion-thumbsup mine"></i><span class="span_like_com">1</span></span></div><div class="part_dislike_com"><span class="item_like_com"><i class="icon ion-thumbsdown"></i><span class="span_dislike_com">0</span></span></div></div></div><div class="body_com"><div id="comnews_492"><span title="Modifier" class="comok" id="comnewsedit_492">Ma phrase</span></div></div></div></div>

CSS

.entete_com {
	margin-left: 45px;
	margin-top: -32px;
	font-size: 8px;
	color: #6d6d72;
}
.body_com {
	font-size: 10px;
	margin-left: 5px;
	margin-top: 23px;
	padding-bottom: 10px;
	padding-right: 5px;
}
.item_like, .item_like_com {
	padding: 10px;
}
.content_like_com {
	display: inline-block;
	margin-top: -19px;
	font-size: 8px;
	position: absolute;
	z-index: 9999;
	right: 8px;
  cursor: pointer;
}
.uncom {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.content_like_com div {
	display: inline-block;
	padding: 5px 0px 3px;
}

JavaScript

var $$ = Dom7;
$$('.les_news').on('click', '.create-about', function() {
	console.log('alert')
});
$$('.les_news').on('click', '.uncom', function() {
	console.log('uncom')
});