jQuery 从文本区域转义 HTML

我想将 HTML 标签转义为实体名称，从textarea并将结果放入第二个textarea这样：

<mytag>

becomes

<mytag>

我在用着.html() and .text()来回就OK了。我的问题是处理textarea元素，其行为略有不同。

如果我首先将文本放入 div 中，效果很好：

var htmlStr = $('#textareaInput').val(); //doesn't like .html() .text() ?
$('#dummy').text(htmlStr); // an object to hold the text that supports .html() 
$('#textareaOutput').val($('#dummy').html());

但我想做一些更直接的事情，如下所示：

var htmlStr = $('#textareaInput').val(); 
$('#textareaOutput').val($(htmlStr).html());

我想我的问题是我不明白如何操作 jQuery 对象，比如字符串，而不操作 DOM 元素 - 因为现在我使用 div 因为它有.html() method.

任何帮助都会很棒！

Thanks.

try

var htmlStr = $('#textareaInput').val(); 
$('#textareaOutput').val($('<div/>').text(htmlStr).html());