divコンテンツを動的に置き換えてJqueryで動的に表示する方法

この記事の例では、Jquery を使用して div コンテンツと動的表示を動的に置き換える方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

1. 問題:

プロジェクトでは、バックグラウンドで HTML を結合し、それを div に表示する必要があります。前景の ajax:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
       //这里可以正确的展示html内容
          alert(json.htmlContent);
          $("#htmlContent").text(json.htmlContent);
       bind(json);
});

表示後、HTML 文字列の内容が div に直接表示され、その中の HTML がデータクエリ後に解析されていないことがわかりました。

jquery div の .text はテキスト形式でコンテンツを追加し、特定のテキストを表示します。

解析可能な HTML コンテンツを動的に追加したい場合は、jquer を使用する必要があります。 div a.ppend メソッド

2. 正しい処理メソッド:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
          //这里可以正确的展示html内容
          alert(json.htmlContent);
          var htmlContent = $("#htmlContent");
          htmlContent.append(json.htmlContent); 
       bind(json);
});

3. 要約:

div 。 append メソッド // HTML コンテンツを追加し、
div テキストを動的に解析します。

は解析せず、ロードされたテキスト コンテンツを表示します。この記事が皆様の jQuery プログラミングに役立つことを願っています。 jQuery ビデオ チュートリアル にアクセスしてください。