这个问题其实很简单,但是有时候不注意的话,还真是挺无奈的。
在一个div中画出其他的html代码,如下:
<select id='tempSiblingSelect' style="width: 150px;" class="margin-left-right-15"> </select>
js代码:
var siblingString = new StringBuffer(); siblingString.append("<option value=\"\">Select a Sibling</option>"); <c:forEach items="${students}" var="student"> if('${student.uid ne studentForm.user.uid and student.isActive}'){ <c:set var="nameLength" value="${18- fn:length(student.studentID)/2 }" /> <c:if test="${nameLength <= 0}"> <c:set var="nameLength" value="5"/> </c:if> siblingString.append("<option value=\"<c:out value='${student.uid}'/>##<c:out value='${student.studentID}'/>##<c:out value='${student.lastName}'/>##<c:out value='${student.firstName}'/>\">"); siblingString.append(truncateString('${student.studentID}','${nameLength}')+","); siblingString.append(truncateString('${student.lastName}','10')+","); siblingString.append(truncateString('${student.firstName}','10')); siblingString.append("</option>"); } </c:forEach> $("#tempSiblingSelect").html(siblingString.toString());
之前一直用$("#tempSiblingSelect").append(siblingString.toString());要显示的地方一直不显示。一直觉得不可能,最后才想到html().是不是很笨。
相关推荐
在这个文档中,作者主要探讨了在使用jQuery的append()函数向HTML内容动态添加元素时出现的一个小问题以及相应的解决方案。append()函数在jQuery中被广泛用于向选定的元素内部追加内容,这是一个非常方便的操作,可以...
本文将深入探讨标题中提到的"IE内存泄露之JQuery html(),append()"这一问题,它涉及到JavaScript库JQuery在Internet Explorer浏览器中的特定使用场景下可能导致内存泄露的现象。 首先,我们要理解什么是内存泄露。...
jQuery中的append()方法是用于在jQuery对象所匹配到的每一个元素内部的末尾添加内容。这个方法并不会移除任何已存在的内容,而是将新的内容追加到选定元素的内容末尾。这一点是非常重要的,尤其是在动态添加内容到...
jquery中append与appendTo方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容。 参数介绍:content (): 要追加到目标中的内容。 用法示例: HTML代码为<p>I come from </p><p>I love 向...
在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...
在jQuery库中,`append()`和`appendTo()`都是用于向HTML元素添加内容的方法,但它们的使用方式有所不同。这两个方法在很多情况下可以互换,但理解它们的区别可以帮助你更有效地编写JavaScript代码。 1. `append()`...
在 jQuery 中,append() 方法和 html() 方法都是经常被使用到的,它们用于对 DOM 元素进行内容操作,但这两个方法各自有着不同的用处和行为。 首先,让我们来看看 append() 方法。append() 方法属于 jQuery 的 DOM ...
在jQuery中,`append`方法是用来向DOM树中动态添加元素的,这在构建动态页面时非常常见。然而,一个常见的问题是在使用`append`添加的元素上绑定的事件经常无法正常工作,即所谓的“事件无效”。这是因为这些新添加...
jQuery提供了丰富的DOM操作方法,如`$(selector).html()`用于设置或获取元素的HTML内容,`$(selector).append()`用于在元素内部添加内容,`$(selector).remove()`用于移除元素,以及`$(selector).clone()`用于复制...
`$(selector).html()`可以设置或获取元素的HTML内容,`$(selector).append()`用于在元素内部追加内容,`$(selector).remove()`则用于删除元素。 3. **事件处理**: jQuery简化了事件绑定。例如,`$(selector).click...
然而,由于题目中提到的是“纯HTML模板”,所以可能没有使用特定的模板引擎,而是使用jQuery的字符串处理方法(如`.html()`, `.append()`, `.prepend()`等)结合数据进行替换。 接下来是AJAX,它是"Asynchronous ...
在线jQuery手册通常是指HTML格式的文档,这种格式可以在任何支持HTML的浏览器中查看。HTML文档的好处是跨平台且易于分享,开发者可以在任何设备上访问,只需一个Web浏览器。HTML版的jQuery API文档可能包含了更丰富...
**jQuery中文API**是JavaScript库jQuery的中文文档,它为开发者提供了一个全面、直观的参考指南,便于在JavaScript编程中高效地使用jQuery。jQuery因其简洁的语法和强大的功能,在Web开发领域广泛应用,尤其是在处理...
在实际项目中,我们可以将HTML5的新特性与jQuery的便利性相结合,创建出互动性强、功能丰富的Web应用。例如,开发一个音乐播放器应用,可以使用HTML5的Audio API处理音频播放,同时利用jQuery来控制界面的响应,如...
1. **选择器**:jQuery的选择器基于CSS,允许开发者快速准确地选取页面中的HTML元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有类名为"class"的元素,`$("tag")`选择所有特定类型的标签。 2. **...
### 二、jQuery 对象与 DOM 元素 在 jQuery 中,我们使用 `$` 符号来创建 jQuery 对象,它可以包裹一个或多个 DOM 元素。例如,以下代码选择页面上的所有 `p` 元素: ```javascript var paragraphs = $('p'); ``` ...
jQuery的核心概念是选择器,它允许开发者以CSS样式的方式选取页面中的元素。例如,`$("#elementID")`选取ID为`elementID`的元素,`$(".class")`选取所有class为`class`的元素。通过这些选择器,开发者可以轻松地对...
jQuery的生态系统中有众多插件,它们扩展了jQuery的功能,如jQuery UI提供丰富的用户界面组件,Bootstrap jQuery插件简化了响应式布局的构建,而jQuery Form Plugin则简化了表单的异步提交。 八、版本更新与变更 从...