javascript - Jquery - エスケープされた HTML を持つタグ属性は、自動的にエスケープ解除されます

Question

エスケープされたhtml値を含む可能性のあるデータ属性を持つこのdivがあります

<div id="test" data-title="&lt;script&gt;alert(&quot;Hello&quot;);&lt;/script&gt;"></div>

これで、data 属性の値を読み取ると、自動的にエスケープ解除されます。たとえば、次のコードではアラートが表示されます。

$(document).ready(function(){
    $("#test").append($("#test").data("title"));
  });

jsfiddle http://jsfiddle.net/FJTW8/3/を参照してください。

エスケープされない理由と解決策は何ですか。

Answer 1

このコードは動作します:

$(document).ready(function(){
   $("#test").text($("#test").data("title"));
});

.append() は .html(); と同じだからです。

Answer 2

これを試して

$(document).ready(function(){
  //alert($("#test").data("title"));                
    $("#test").append(escape($("#test").data("title") ) );
  });