求大神优化jap页面 html代码

LuckyChend 2017-11-12 11:26:53

这些代码是一个modal弹窗，页面中有很多这样的弹窗，可能有20个以上，只弹窗的代码就用了1000多行，感觉好乱啊，有办法优化，或者封装吗？


<div class="modal inmodal" id="modal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" style="height:450px;">
<div class="modal-content animated fadeIn">
<div style="padding:6px;border:none">
<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>
<span id="cd_TITLE" style="text-align:center"></span>
</div>
<div class="ibox-content" style="height:370px;overflow-y:auto;">
<table class="table table-border table-bordered table-bg table-hover table-sort;">
<tbody>
<tr>
<td style="width:120px">开始时间：<input type = "hidden" id="CD_ID_2"/></td>
<td>
<span id="cd_START"></span>
</td>
</tr>
<tr>
<td>结束时间：</td>
<td align="center">
<span id="cd_END"></span>
</td>
</tr>
<tr>
<td>类型：</td>
<td>
<span ID="cd_TYPE">
</span></td>
</tr>
<tr>
<td>会议室：</td>
<td ><span ID="cd_MEETING"></span></td>
</tr>
<tr>
<td>地点：</td>
<td ><span ID="cd_ADDRESS"></span></td>
</tr>
<tr>
<td>说明：</td>
<td><span ID="cd_NOTE"></span></td>
</tr>
<tr>
<td>创建人：</td>
<td><span id="u_NAME"></span></td>
</tr>
<tr>
<td>创建时间：</td>
<td><span id="cd_CTIME"></span></td>
</tr>
</tbody>
</table>
<div class="form-group" style="padding-left: 50px;">
<div class="col-sm-4 col-sm-offset-3" style="width:251px;">
<button class="btn btn-primary" data-dismiss="modal" type="button">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>

...全文