jqueryのhtmlメソッドに含まれる特殊文字の処理に関する簡単な説明

jquery の html() メソッドを使用する場合、内部に追加された html コードに特殊文字が含まれているため、エスケープする必要がある場合があります。

以下の例:

inst_html = "<a style=color:white&#39; onmouseover = &#39;";
inst_html += "javascript:showme(&#39;"+inst.instId+"_"+valId+"&#39;);";
inst_html += "&#39; ";
$("#inst_div_"+valId).html(inst_html);

このように直接書くと、ChromeやFFブラウザでは問題ありませんが、IE8ではエラーが報告されます。

解決策は、JavaScript の 'escape' を ' に変更して、エラーが報告されないようにすることです。

上記の例は次のように変更されます:

inst_html = "<a style=color:white&#39; onmouseover = &#39;";
inst_html += "javascript:showme(&#39;"+inst.instId+"_"+valId+"&#39;);";
inst_html += "&#39; ";
$("#inst_div_"+valId).html(inst_html);

一部の文字は次のようにエスケープされます:

•&記号: "&"、"&"
• 二重引用符: """、"""
•小なり記号: "<"、"