-5

我有一个 div 'someDiv'。在那个 div 中，我有一个表格，在表格的单元格中，我有 textareas。

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

所有这一切 - 使用 Jquery。

当然，我试过了，$('#someDiv').html()但它给了我原始的 html 而不是用户输入的内容。

编辑：这里是代码：http: //jsfiddle.net/RCQmj/

<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>
4

3 回答 3

3

当您单击按钮时 - 您必须在获取 .html() 之前将所有 textarea 的文本设置为其值

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

小提琴

于 2013-07-02T13:55:13.200 回答
2

您可以在html()调用之前将每个 textarea 的 innerHTML 设置为该值：

http://jsfiddle.net/ZuXwQ/1/

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

在这里它适用于您的小提琴： http: //jsfiddle.net/RCQmj/1/
再次，如果您希望将其添加为文本：http: //jsfiddle.net/RCQmj/2/

无论哪种情况，我都假设interviewHtmlHere隐藏在您的实际上下文中？

于 2013-07-02T13:54:25.150 回答
1

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

于 2013-07-02T13:42:51.537 回答