jQuery----动态向页面（jsp）添加代码（append）

最新推荐文章于 2023-02-20 16:53:43 发布

伊佐奈美須八尾

最新推荐文章于 2023-02-20 16:53:43 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 事件

本文链接：https://blog.youkuaiyun.com/lsh15846393847/article/details/84941983

jQuery 事件专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何利用jQuery的append()方法动态创建并插入HTML列表项。通过遍历数据数组，构造列表项的HTML字符串，并将其追加到指定元素中，实现网页内容的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

语法：$(selector).append(content)

实例：

var creatPrintList = function(data){
       var innerHtml = "";
       for(var i =0;i <data.length;i++){
    	   innerHtml +="<li class='contentLi'>";
           innerHtml +="<a href=#  id='print"+data[i].kinoId+"' onclick = 'excelPrint(this)'>" + data[i].kinouNm + "</a>";
           innerHtml +="</li>"
       }
   	$("#contentUl").append(innerHtml);
   	$("a[id^='print']").hide();
	}