【发布时间】：2016-06-10 05:57:07
【问题描述】：
假设我有以下 html 页面。
<!doctype html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<!-- <link rel="icon" href="../../favicon.ico">-->
<title>Audit Task</title>
<!-- Bootstrap core CSS -->
<!-- Bootstrap theme -->
<link href="../../css/slimplex.css" rel="stylesheet">
<link href="../../css/datepicker.css" rel="stylesheet">
<link href="../../css/style.css" rel="stylesheet">
<link href="../../css/jquery-ui.css" rel="stylesheet">
<link href="../../css/jquery.jqplot.min.css" rel="stylesheet">
</head>
<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" value="5747fad68b10d2c73ad53023">
<input type="hidden" id="user_id" name="user_id" value="5747fa9bf9de7b483f170818">
<input type="hidden" id="user_name" name="user_name" value="Rajesh Dhoble">
<input type="hidden" id="selecte_user_role" name="selecte_user_role">
<div class="form-group">
<label for="fromDate" class="col-lg-2 control-label">From Date:</label>
<div class="col-lg-3">
<input type="text" class="form-control datepicker" id="auditTaskFromDate" placeholder="mm/dd/yyyy" name="fromDate" value="" autocomplete="off">
</div>
</div>
<div class="form-group">
<label for="toDate" class="col-lg-2 control-label">To Date:</label>
<div class="col-lg-3">
<input type="text" class="form-control datepicker" id="auditTaskToDate" placeholder="mm/dd/yyy" name="toDate" value="" autocomplete="off">
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-lg-2 control-label">Group List</label>
<div class="col-lg-3">
<select id="sel_group" name="user_group" >
<option selected disabled>Select Group</option>
</select>
</div>
</div>
<div style='float:left ,display: in-line,width: 123px;'>
<div class="form-group">
<label for="sel_analyst" class="col-lg-2 control-label">Uploaded By :</label>
<div class="col-lg-3">
<select id="sel_analyst" name="selected_user_id" >
<option selected disabled>Select User</option>
</select>
</div>
</div>
<div class="form-group">
<label for="sel_reviewer" class="col-lg-2 control-label">Reviewd By</label>
<div class="col-lg-3">
<select id="sel_reviewer" name="selected_viewer_id" >
<option selected disabled>Select User</option>
</select>
</div>
</div>
<div class="form-group">
<label for="toDate" class="col-lg-2 control-label">Pending Task:</label>
<div class="col-lg-3">
<input type="checkbox" id="pending_task" name="pending_task" value="PendingTask">
</div>
</div>
<div class="form-group">
<div class="col-lg-3 col-lg-offset-2">
<button type="submit" class="btn btn-success">View Task</button>
</div>
</div>
</div>
</fieldset>
</form>
<div class="bs-component">
<table id="excelDataTable" class="table table-striped table-hover ">
<thead>
<tr>
<th data-field="S_No">Sr.No</th>
<th data-field="query">query</th>
<th data-field="query_flag">Query Flag</th>
<th data-field="ad_creative">Query Flag</th>
<th data-field="ad_creative_flag">Query Flag</th>
<th data-field="ad_creative_rating">Query Flag</th>
<th data-field="landing_page wrap">Query Flag</th>
<th data-field="landing_page_flag">Landing Page Flag</th>
<th data-field="landing_page_rating">Query Flag</th>
<th style="width:200px" data-field="user_comments">Query Flag</th>
<th data-field="user_name">Query Flag</th>
<th data-field="is_correct">Query Flag</th>
<th data-field="verifier_comments">Query Flag</th>
<th data-field="verifier_name">Query Flag</th>
<th style="display:none;" data-field="_id">Query Flag</th>
<th style="display:none;" data-field="verifier_id">Query Flag</th>
<th style="width:200px"> </th>
</tr>
</thead>
<tbody id="audit_tasks">
</tbody>
</table>
</div>
<div class="pagination">
</div>
<div class="col-lg-10">
<button type="button" id="save_btn" class="btn btn-success">Save Data</button>
</div>
</div>
<footer class="text-left">
</footer>
</body>
<script src="../../components/jquery/dist/jquery.min.js"></script>
<script src="../../components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../../components/underscore/underscore-min.js"></script>
<script src="../../js/bootstrap-datepicker.js"></script>
<script src="../../js/jquery-ui.js"></script>
<script src="../../js/jquery.jqplot.min.js"></script>
<script src="../../js/jqplot.pieRenderer.js"></script>
<script src="../../js/jquery-dateFormat.min.js"></script>
<script src="../../js/custom.js"></script>
</html>
我需要一个正则表达式来创建对象，其中包含来自 html 的每个元素的数量。
例如。 {a: 4, i: 5, p:15, div: 45...}
【问题讨论】：
-
你想要
divs和p等的总数？ -
Regex 是必须的，还是只能用 jquery 来解决这个问题？
-
@sum1 不，正则表达式不是必须的。我只需要所有元素的数量。
-
在 javascript 中需要正则表达式
-
试试这个：`var obj={}; $("body").find("*").each(function(){ if(!obj[$(this).props("tagname")]){ obj[$(this).props("tagname ")]=1; }else if (obj[$(this).props("tagname")]>0){ var count = obj[$(this).props("tagname")]; obj[$( this).props("tagname")]=++count; }else{ // 做某事 } })`
标签： javascript jquery html regex