Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法
本文實(shí)例講述了Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法。分享給大家供大家參考。具體分析如下:
一、問題:
項(xiàng)目中需要在后臺拼接html然后在前臺通過ajax展示到div中:
//這里可以正確的展示html內(nèi)容
alert(json.htmlContent);
$("#htmlContent").text(json.htmlContent);
bind(json);
});
展示后發(fā)現(xiàn),div中直接展示了html字符串內(nèi)容,并沒有解析其中的html,經(jīng)過資料查詢
jquery div的.text 是以文本形式添加內(nèi)容的,展示的是具體的文本....
如果要想動態(tài)添加可解析的 html內(nèi)容,需要使用 jquer div的 a.ppend 方法
二、正確的處理方法:
//這里可以正確的展示html內(nèi)容
alert(json.htmlContent);
var htmlContent = $("#htmlContent");
htmlContent.append(json.htmlContent);
bind(json);
});
三、總結(jié):
div .append 方法// 添加Html內(nèi)容,動態(tài)解析
div Text:顯示加載的文本內(nèi)容,不解析
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery對指定元素中指定字符串進(jìn)行替換的方法
- jQuery替換字符串(實(shí)例代碼)
- jQuery下通過replace字符串替換實(shí)現(xiàn)大小圖片切換
- jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
- Jquery replace 字符替換實(shí)現(xiàn)代碼
- jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
- jQuery 刪除/替換DOM元素的幾種方式
- 基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
- jQuery替換textarea中換行的方法
- 在jQuery中 關(guān)于json空對象篩選替換
- Jquery替換已存在于element上的event的方法
- jQuery實(shí)現(xiàn)字符串全部替換的方法
相關(guān)文章
jquery 取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值
本節(jié)主要介紹了jquery如何取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值,需要的朋友可以參考下2014-07-07從零開始學(xué)習(xí)jQuery (一) 開天辟地入門篇
本篇文章是入門第一篇, 主要是簡單介紹jQuery, 通過簡單示例指導(dǎo)大家如何編寫jQuery代碼以及搭建開發(fā)環(huán)境. 詳細(xì)講解了如何在Visual Studio中配合使用jQuery.2010-10-10基于jQuery實(shí)現(xiàn)自動輪播旋轉(zhuǎn)木馬特效
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)自動輪播旋轉(zhuǎn)木馬特效,圖片輪播效果特別適合做產(chǎn)品展示,感興趣的小伙伴可以參考下。2015-11-11基于jquery的動態(tài)創(chuàng)建表格的插件
工作快一年了,最近學(xué)習(xí)jquery,對jquery很感興趣。第一次寫博客,有不足之處還請各位拍磚。2011-04-04基于jquery實(shí)現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11基于pthread_create,readlink,getpid等函數(shù)的學(xué)習(xí)與總結(jié)
以下是對pthread_create,readlink,getpid等函數(shù)的用法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07jquery實(shí)現(xiàn)的簡單輪播圖功能【適合新手】
這篇文章主要介紹了jquery實(shí)現(xiàn)的簡單輪播圖功能,涉及jQuery基于定時(shí)器的事件響應(yīng)與頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08