Jquery动态替换div内容及动态展示的方法_jq替换hmtl文字 - CSDN文库

177 浏览量更新于2023-05-04 收藏 31KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

Jquery动态替换动态替换div内容及动态展示的方法内容及动态展示的方法

本文实例讲述了Jquery动态替换div内容及动态展示的方法。分享给大家供大家参考。具体分析如下：

一、问题：一、问题：

项目中需要在后台拼接html然后在前台通过ajax展示到div中：

复制代码代码如下:sys_ajaxGet(“/dynamic/default.do?method=show”, {guid:guid},function(json){

//这里可以正确的展示html内容

alert(json.htmlContent);

$(“#htmlContent”).text(json.htmlContent);

bind(json);

});

展示后发现，div中直接展示了html字符串内容，并没有解析其中的html,经过资料查询

jquery div的.text 是以文本形式添加内容的,展示的是具体的文本….

如果要想动态添加可解析的 html内容，需要使用 jquer div的 a.ppend 方法

二、正确的处理方法：二、正确的处理方法：

复制代码代码如下:ajaxGet(“/dynamic/default.do?method=show”, {guid:guid},function(json){

//这里可以正确的展示html内容

alert(json.htmlContent);

var htmlContent = $(“#htmlContent”);

htmlContent.append(json.htmlContent);

bind(json);

});

三、总结：三、总结：

div .append 方法// 添加Html内容，动态解析

div Text：显示加载的文本内容，不解析

希望本文所述对大家的jQuery程序设计有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38631197

粉丝: 5
资源: 943

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈