Count the No of tag in a html body
by sum1
HTML
<body>
<div class="container main-container">
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="/" class="navbar-brand">Task Engine</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="/users">Users</span></a>
</li>
<li class="dropdown">
<a href="/stats">Statistics</span></a>
</li>
<li>
<a href="/audit_task">Audit Tasks</a>
</li>
<li>
<a href="/groups">Groups</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" id="loginName"> Hi Rajesh Dhoble</a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-sm-offset-3">
<div class="alert alert-dismissible alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong id="task-upload-count"></strong> tasks has been uploaded successfully.
</div>
</div>
</div>
<div class="overlay">
<img src="/img/ajax-loader.gif" alt="Smiley face" height="42" width="42" class="spinner">
</div>
<form class="form-horizontal" id="searchTask" action="/audit_task" method="post">
<fieldset>
<input type="hidden" id="user_role" name="user_role" value="Manager">
<input type="hidden" id="user_group_id" name="user_group_id"...
JavaScript
debugger;
var tag = [];
var str = "";
var _div = $("body").find("*");
$.each(_div,function(k,v){
var a = $(this).html().trim();
var b = a.match(/<\w+/);
if(b != null)
var c = b[0].match(/\w+/);
if(c != null)
{
if($.inArray(c[0],tag) ==-1){
tag.push(c[0]);
var d = $(c[0]).length;
str += c[0] + ":" +d + " ";
}
}
});
alert(str);