JSFiddle - React, Tailwind, and code Playground

by Muhammad Hassaan

HTML

<script src="//code.jquery.com/jquery-2.2.1.min.js"></script>
<ul class="mainMenu">
	<li> <a class="sm_megamenu_head sm_megamenu_nodrop sm_megamenu_actived sm_megamenu_top_actived" href="#Link1" id="sm_megamenu_2"> <span class="sm_megamenu_icon sm_megamenu_nodesc"> <span class="sm_megamenu_title">Home</span> </span> </a> </li>
	<li> <a class="sm_megamenu_head sm_megamenu_drop " href="javascript:void(0)" id="sm_megamenu_3"> <span class="sm_megamenu_icon sm_megamenu_nodesc"> <span class="sm_megamenu_title">Categories</span> </span> </a>
		<div class="sm_megamenu_dropdown_1column  Sm_Megamenu_Block_List">
			<div class="sm_megamenu_col_1 sm_megamenu_firstcolumn  sm_megamenu_id3   ">
				<div class="sm_megamenu_col_6 sm_megamenu_firstcolumn  sm_megamenu_id66   ">
					<div class="sm_megamenu_head_item ">
						<div class="sm_megamenu_title"><a class="sm_megamenu_nodrop " href="#Link2.1"><span class="sm_megamenu_title_lv2">Category 1</span></a></div>
					</div>
				</div>
				<div class="sm_megamenu_col_6 sm_megamenu_firstcolumn  sm_megamenu_id83">
					<div class="sm_megamenu_head_item ">
						<div class="sm_megamenu_title"><a class="sm_megamenu_nodrop " href="#Link2.2"><span class="sm_megamenu_title_lv2">Category 2</span></a></div>
					</div>
				</div>
				<div class="sm_megamenu_col_6 sm_megamenu_firstcolumn  sm_megamenu_id82   ">
					<div class="sm_megamenu_head_item ">
						<div class="sm_megamenu_title"><a class="sm_megamenu_nodrop " href="#Link2.3"><span class="sm_megamenu_title_lv2">Category 3</span></a></div>
					</div>
				</div>
				<div class="sm_megamenu_col_6 sm_megamenu_firstcolumn  sm_megamenu_id67   ">
					<div class="sm_megamenu_head_item ">
						<div class="sm_megamenu_title"><a class="sm_megamenu_nodrop " href="#Link2.4"><span class="sm_megamenu_title_lv2">Category 4</span></a></div>
					</div>
				</div>
			</div>
		</div>
	</li>
	<li> <a class="sm_megamenu_head sm_megamenu_drop " href="javascript:void(0)" id="#Link3"> <span...

CSS

.wrapper{ margin:0px auto; width:960px;}
.mainMenu{ margin:0; padding:0;}
.mainMenu li{ list-style:none; position:relative;}
.mainMenu > li{ float:left;}
.mainMenu li a{ text-decoration:none; color:#666; padding: 15px 10px; display: block; font-size: 125%;}
.mainMenu li.sm_megamenu_top_actived a, .mainMenu li:hover > a{ background: #b50016; color: #fff;}
.mainMenu li .sm_megamenu_dropdown_1column{ position:absolute; top:100%; left:0; width: 100%; transform: scale(0); opacity: 0; background: #f2f2f2; padding: 10px 1%;     box-shadow: 0 4px 4px #999; transition: all 0.3s ease-in-out 0s;}
.mainMenu li:hover .sm_megamenu_dropdown_1column{ transform: scale(1); opacity: 1;}
.mainMenu li .sm_megamenu_dropdown_1column a{ font-size:12px; line-height:30px; padding:0 15px; }

JavaScript

var x= jQuery(".mainMenu").html();
alert(x);