`

jquery中的html()与append()

 
阅读更多

这个问题其实很简单,但是有时候不注意的话,还真是挺无奈的。

在一个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时的小问题的解决方法

    在这个文档中,作者主要探讨了在使用jQuery的append()函数向HTML内容动态添加元素时出现的一个小问题以及相应的解决方案。append()函数在jQuery中被广泛用于向选定的元素内部追加内容,这是一个非常方便的操作,可以...

    IE内存泄露之JQuery html(),append()

    本文将深入探讨标题中提到的"IE内存泄露之JQuery html(),append()"这一问题,它涉及到JavaScript库JQuery在Internet Explorer浏览器中的特定使用场景下可能导致内存泄露的现象。 首先,我们要理解什么是内存泄露。...

    jQuery中append()方法用法实例

    jQuery中的append()方法是用于在jQuery对象所匹配到的每一个元素内部的末尾添加内容。这个方法并不会移除任何已存在的内容,而是将新的内容追加到选定元素的内容末尾。这一点是非常重要的,尤其是在动态添加内容到...

    jquery append与appendTo方法比较

    jquery中append与appendTo方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容。 参数介绍:content (): 要追加到目标中的内容。 用法示例: HTML代码为&lt;p&gt;I come from &lt;/p&gt;&lt;p&gt;I love  向...

    jQuery1.12.4+jQuery中文手册.rar

    在本压缩包中,我们有两个版本的jQuery核心库文件:`jquery-1.12.4.js` 和 `jquery-1.12.4.min.js`。前者是未压缩的源代码,适合开发调试使用,后者是经过压缩和优化的版本,适用于生产环境,体积更小,加载速度更快...

    jquery中append()与appendto()用法分析

    在jQuery库中,`append()`和`appendTo()`都是用于向HTML元素添加内容的方法,但它们的使用方式有所不同。这两个方法在很多情况下可以互换,但理解它们的区别可以帮助你更有效地编写JavaScript代码。 1. `append()`...

    jquery append()方法与html()方法的区别及使用介绍

    在 jQuery 中,append() 方法和 html() 方法都是经常被使用到的,它们用于对 DOM 元素进行内容操作,但这两个方法各自有着不同的用处和行为。 首先,让我们来看看 append() 方法。append() 方法属于 jQuery 的 DOM ...

    解决jQuery使用append添加的元素事件无效的问题

    在jQuery中,`append`方法是用来向DOM树中动态添加元素的,这在构建动态页面时非常常见。然而,一个常见的问题是在使用`append`添加的元素上绑定的事件经常无法正常工作,即所谓的“事件无效”。这是因为这些新添加...

    jquery 中文帮助文档

    jQuery提供了丰富的DOM操作方法,如`$(selector).html()`用于设置或获取元素的HTML内容,`$(selector).append()`用于在元素内部添加内容,`$(selector).remove()`用于移除元素,以及`$(selector).clone()`用于复制...

    jquery中文参考

    `$(selector).html()`可以设置或获取元素的HTML内容,`$(selector).append()`用于在元素内部追加内容,`$(selector).remove()`则用于删除元素。 3. **事件处理**: jQuery简化了事件绑定。例如,`$(selector).click...

    jQuery实现的纯HTML模板进行ajax数据绑定

    然而,由于题目中提到的是“纯HTML模板”,所以可能没有使用特定的模板引擎,而是使用jQuery的字符串处理方法(如`.html()`, `.append()`, `.prepend()`等)结合数据进行替换。 接下来是AJAX,它是"Asynchronous ...

    JQUERY 中文API CHM及HTML

    在线jQuery手册通常是指HTML格式的文档,这种格式可以在任何支持HTML的浏览器中查看。HTML文档的好处是跨平台且易于分享,开发者可以在任何设备上访问,只需一个Web浏览器。HTML版的jQuery API文档可能包含了更丰富...

    jQuery中文API

    **jQuery中文API**是JavaScript库jQuery的中文文档,它为开发者提供了一个全面、直观的参考指南,便于在JavaScript编程中高效地使用jQuery。jQuery因其简洁的语法和强大的功能,在Web开发领域广泛应用,尤其是在处理...

    jquery html5 api

    在实际项目中,我们可以将HTML5的新特性与jQuery的便利性相结合,创建出互动性强、功能丰富的Web应用。例如,开发一个音乐播放器应用,可以使用HTML5的Audio API处理音频播放,同时利用jQuery来控制界面的响应,如...

    jQuery中文参考手册

    1. **选择器**:jQuery的选择器基于CSS,允许开发者快速准确地选取页面中的HTML元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有类名为"class"的元素,`$("tag")`选择所有特定类型的标签。 2. **...

    jquery 中文使用说明

    ### 二、jQuery 对象与 DOM 元素 在 jQuery 中,我们使用 `$` 符号来创建 jQuery 对象,它可以包裹一个或多个 DOM 元素。例如,以下代码选择页面上的所有 `p` 元素: ```javascript var paragraphs = $('p'); ``` ...

    JQuery中文帮助文档

    jQuery的核心概念是选择器,它允许开发者以CSS样式的方式选取页面中的元素。例如,`$("#elementID")`选取ID为`elementID`的元素,`$(".class")`选取所有class为`class`的元素。通过这些选择器,开发者可以轻松地对...

    jquery 中文文档

    jQuery的生态系统中有众多插件,它们扩展了jQuery的功能,如jQuery UI提供丰富的用户界面组件,Bootstrap jQuery插件简化了响应式布局的构建,而jQuery Form Plugin则简化了表单的异步提交。 八、版本更新与变更 从...

Global site tag (gtag.js) - Google Analytics