从javascript文本模板访问HTML类

Access HTML classes from javascript text templates

本文关键字：访问 HTML javascript 文本      更新时间：2023-09-26

<!-- 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从上面的模板访问"name"、"size"、"start"等类？简而言之，如何使用jquery从文本模板访问DOM元素？

我想使用一些jquery代码，比如$（".start"）.innerHTML等等。。等等。。。

像这样使用

<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属性进行ise。

相关文章：