Javascript 从div获取完整的html（包括textarea内容）

我有一个div“someDiv”。在这个div中，我有一个表，在表的单元格中，我有文本区域

我希望，当单击某个按钮“mybutton”时，完整的html（可能因为用户在单元格中放入了一些数据而发生了更改）将放在一个隐藏字段中

所有这些-使用Jquery

当然，我尝试了

$（'#someDiv'）.html（）

，但它提供了原始的html，而不是用户输入的内容

编辑：以下是代码：

标题1：
标题2：
在用户更改后，将PREV DIV中的HTML放在这里

该方法将使用jQuery获取任何元素的完整HTML代码。

您可以将每个文本区域的innerHTML设置为调用

HTML（）之前的值：


在这里，它适用于您的小提琴：

再次在此，如果您希望将其添加为文本：

在任何一种情况下，我都假设
interviewHtmlHere
隐藏在您的实际上下文中？
当您单击按钮时，您必须将所有textarea的文本设置为其值，然后才能获取.html（）

好的，这是经典，那么你尝试过什么呢？我们不是来为你编写代码的，这个论坛的目的是帮助你克服困难。你想写
$（'#somDiv'）.html（）
，对吗？当你给我们的唯一一段代码不正确时，这看起来很奇怪。我刚刚添加了一个链接…为什么会被否决？我不认为
.html（）
会获得
文本区域的用户输入值哦，我没有否决你我否决了你，你不应该只是说，用这个，就这样。。。如果你想正确地回答这个问题，那就去做，但永远不要像你做的那样。看看你的答案和其他2种答案之间的区别。回答“使用这个或那个”应该是一个评论！使用
#someDiv
和一个包含textarea的表，这只是为了它。回答得好。
<div id="interviewSummarySkeleton">
    <table>
        <tr>
            <td>
                <textarea class="title" tabindex="1">title 1:</textarea>
            </td>
            <td>
                <textarea class="content" tabindex="8"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <textarea class="title" tabindex="2">title 2:</textarea>
            </td>
            <td>
                <textarea class="content" tabindex="9"></textarea>
            </td>
        </tr>
    </table>
</div>
<div id="interviewHtmlHere">PUT HERE THE HTML FROM PREV DIV AFTER USER CHANGED IT</div>

$('button').click(function(){
    $('body').find("textarea").each( function() {
        this.innerHTML = this.value;
    }); 
    console.log($('body').html());
});

$('button').click(function(){ 
    $('#interviewSummarySkeleton textarea').text(function(){
       return this.value; 
    });    
    $('#interviewHtmlHere').text($('#interviewSummarySkeleton').html());
});