从 javascript 文本模板访问 HTML 类答案

【问题标题】：Access HTML classes from javascript text templates从 javascript 文本模板访问 HTML 类
【发布时间】：2015-02-06 14:31:55
【问题描述】：

<!-- UPLOAD TEMPLATE -->
		<script id="template-upload" type="text/x-tmpl">
			{% for (var i=0, file; file=o.files[i]; i++) { %}
				<tr class="template-upload fade">
					<td class="name"><span>{%=file.name%}</span></td>
					<td class="size right"><span>{%=o.formatFileSize(file.size)%}</span></td>
					{% if (file.error) { %}
						<td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
					{% } else if (o.files.valid && !i) { %}
						<td>
							<div class="progress progress-success progress-striped active nomargin" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
						</td>
						<td></td>
						<td > 
							<span class="start"> 
							{% if (!o.options.autoUpload) { %}
								<button class="btn btn-primary btn-mini">
									<i class="icon-upload icon-white"></i>
									<span>Start</span>
								</button>
							</span>
							<span class="cancel">
								<button class="btn btn-warning btn-mini">
									<i class="icon-ban-circle icon-white"></i>
									<span>Cancel</span>
								</button>
							</span>


							{% } %}
						</td>
					{% } else { %}
						<td colspan="2"></td>
					{% } %}
					{% if (!o.files.valid && !i) { %}
						<td class="cancel">
							<button class="btn btn-warning btn-mini">
								<i class="icon-ban-circle icon-white"></i>
								<span>Cancel</span>
							</button>
						</td>
					{% } %}
				</tr>
			{% } %}
			</script>

如何使用 jquery 从上述模板访问“名称”、“大小”、“开始”等类？简而言之，如何使用 jquery 从文本模板访问 DOM 元素？

我想使用一些 jquery 代码，例如 $(".start").innerHTML 等等……等等……

【问题讨论】：

标签： javascript jquery html templates

【解决方案1】：

这样使用

<select id="dist_eng" onchange="changeDistrict(this.value)">
  <c:choose>
    <c:when test="${not empty distList}">
      <option value="0" selected="true">--------Select Your District---------</option>
      <c:forEach var="d" items="${distList}" >
      </c:forEach>
    </c:when>
    <c:otherwise>
      <option value="0">No District Found</option>
    </c:otherwise>
  </c:choose>
</select

并在此处形成您可以轻松地在 jquery 或 javascript 中使用 id 或 class 属性。

【讨论】：