Copy Classes from DOM elements

You can copy all element's classes from DOM and paste it in CSS file to avoiding copy each class individually in CSS file.

by Sumit Raju

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div class="Container">
<div id="Test"></div>
			<div class="AllSpecsDataWrap">
				<div class="SpecDataWrap" id="SpecDataWrap1">
					<div class="SpecDataSlides">
						<div class="SpecDesc">
							<h2></h2>
							<div class="SpecDescDetails">
							</div>
						</div>
					</div>
					<div class="SpecDataSlides">
						<div class="SpecDesc">
							<h2></h2>
							<div class="SpecDescDetails">
								
							</div>
						</div>
					</div>
					<div class="SpecDataSlides">
						<div class="SpecDesc">
							<h2></h2>
							<div class="SpecDescDetails">
								
							</div>
						</div>
					</div>
					<div class="SpecSlideNavigation">
						<div class="leftNavSpec"></div>
						<div class="bulletsNavSpec">
							<ul>
								<li class="activeImage"></li>
								<li class="InActiveImage"></li>
								<li class="InActiveImage"></li>
							</ul>
							<div class="clearFix"></div>
						</div>
						<div class="RightNavSpec"></div>
					</div>
					<div class="clearFix"></div>
				</div>
			</div>
		</div>

CSS

ul
{
  list-style: none;
}

JavaScript

$(document).ready(function() {
			var currentHtml="";
			$('*').each(function() {
				if ($(this).hasClass('') === false) {
					var class_name = $(this).attr('class');
						if (class_name.match(/\s/g)){
							var newClasses= class_name.split(' ');
							for (var i = 0; i <= newClasses.length - 1; i++) {
								if (currentHtml.indexOf(newClasses[i]) <0) {
								currentHtml += "."+newClasses[i]+"<br>{<br><br>}<br>"
							}
							}
						}
						else
						{
							if (currentHtml.indexOf(class_name) <0) {
							currentHtml += "."+class_name+"<br>{<br><br>}<br>"
						}
						}
				}
				else
				{
					console.log("none");
				}
			});
			$("#Test").html(currentHtml);
		});