使html（）包含鍵入到textarea中的內容

Question

我的網頁具有以下結構：

<div id="report_content">
    Some information
    <textarea name="personal"></textarea>

    <b>Other information</b>
    <textarea name="work"></textarea>
</div>

在textareas中寫了一些文本后，我使用jquery來獲取整個html。 結果是文本區域為空，好像我沒有在里面寫任何東西一樣。

我猜是因為他們不接受html，但是我需要獲取包含textarea內容的html。

到目前為止，我發現的唯一解決方案是將textareas轉換為div，然后為其分配textarea內容。

還有其他方法可以避免這種轉換嗎？

Answer 1

問題在於.html()無法獲得值（人們在textearea中鍵入的內容將進入該值）。 您可以在獲取完整的html之前將innerHTML設置為值，就像這樣...

JSFiddle

$('textarea').each(function () {
    $(this).html($(this).val());
});

var html = $("#report_content").html();
console.log(html);

或...用更少的jQuery包裝...

var html = $("#report_content").find("textarea").each(function () {
    this.innerHTML = this.value;
}).end().html();

console.log(html);