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" style="background-color:rgba(132, 212, 190, 0.8);">
<div style="background-color: rgb(194, 234, 223); display: block;" class="lescom" id="lescom_314"><div style="color:#0000f8" class="uncom sans dislikecom" id="lecom_492"><div style="width:40px;height:40px;background:red"></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"><i class="icon ion-thumbsup"></i><span class="span_like_com">0</span></span></div><div class="part_dislike_com"><span class="item_like_com create-about mine_com"><i class="icon ion-thumbsdown"></i><span class="span_dislike_com">1</span></span></div></div></div><div class="body_com"><div id="comnews_492"><span title="Modifier" class="comok" id="comnewsedit_492">Phrase sans lien : avec : <span class="urlien">LIEN</span></span></div></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: -20px;
	font-size: 8px;
	float: right;
  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(e) {
  e.stopPropagation()
	console.log('uncom')
});
$$('.les_news').on('click', '.urlien', function(e) {
	console.log('lien');
});