JSFiddle - React, Tailwind, and code Playground
by Maycon Brito
HTML
<ul class="sidebar-menu">
<li>
<a href="#" data-original-title="" title=""><i class="fa fa-home"></i>####### #######</a>
</li>
<li class="treeview active"><a href="javascript:void(0)" data-original-title="" title="">
<span>###. ######</span>
<i class="fa pull-right fa-angle-down"></i></a>
<ul class="treeview-menu" style="display: block;">
<li class="treeview active">
<a href="javascript:void(0)" class="filho" style="margin-left: 10px;" data-original-title="" title="">#######</a>
<ul class="treeview-menu" style="display: block;">
<li>
<a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a>
</li>
<li>
<a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a>
</li>
<li>
<a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a></li>
<li><a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a>
</li>
<li><a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a>
</li>
<li><a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>>######</a>
</li>
<li>
<a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title="">
<i class="fa fa-angle-double-right"></i>#######</a>
</li>
<li>
<a href="#" class="loadView" style="margin-left: 20px;" data-original-title="" title=""><i class="fa fa-angle-double-right"></i>#######...
JavaScript
$('a').on('click', function(event){
console.log(btn.parent("li.treeview active").attr("class"));
});