Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法
本文實例講述了Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法。分享給大家供大家參考。具體分析如下:
一、問題:
項目中需要在后臺拼接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è)計有所幫助。
- jQuery對指定元素中指定字符串進行替換的方法
- jQuery替換字符串(實例代碼)
- jQuery下通過replace字符串替換實現(xiàn)大小圖片切換
- jQuery:節(jié)點(插入,復(fù)制,替換,刪除)操作
- Jquery replace 字符替換實現(xiàn)代碼
- jQuery標簽替換函數(shù)replaceWith()的使用例子
- jQuery 刪除/替換DOM元素的幾種方式
- 基于jQuery替換table中的內(nèi)容并顯示進度條的代碼
- jQuery替換textarea中換行的方法
- 在jQuery中 關(guān)于json空對象篩選替換
- Jquery替換已存在于element上的event的方法
- jQuery實現(xiàn)字符串全部替換的方法
相關(guān)文章
從零開始學(xué)習(xí)jQuery (一) 開天辟地入門篇
本篇文章是入門第一篇, 主要是簡單介紹jQuery, 通過簡單示例指導(dǎo)大家如何編寫jQuery代碼以及搭建開發(fā)環(huán)境. 詳細講解了如何在Visual Studio中配合使用jQuery.2010-10-10基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效
這篇文章主要介紹了基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效,圖片輪播效果特別適合做產(chǎn)品展示,感興趣的小伙伴可以參考下。2015-11-11基于jquery的動態(tài)創(chuàng)建表格的插件
工作快一年了,最近學(xué)習(xí)jquery,對jquery很感興趣。第一次寫博客,有不足之處還請各位拍磚。2011-04-04基于pthread_create,readlink,getpid等函數(shù)的學(xué)習(xí)與總結(jié)
以下是對pthread_create,readlink,getpid等函數(shù)的用法進行了詳細的分析介紹,需要的朋友可以參考下2013-07-07