jquery - 获取元素的当前 HTML

Question

我有一个 id 为“stage”的 div。在此 div 中，有文本输入和任何其他可能放入其中的内容。

当用户单击按钮时，我想获取舞台 div 中的 html 并将其保存在某处。我注意到的问题是，在更改屏幕上的 TextInput 后​​，我​​没有获得当前的 HTML。

问题是我永远不知道这个 stage div 中会是什么。它可以是任意数量的东西，大多数时候包含用户可以输入文本的表单元素。

例如，如果舞台包含

<input type='text' value="Test Content">

当它被创建时，然后用户将输入的值更改为“我的测试内容”，我希望 jQuery html() 获取

<input type='text' value="My Test Content"> 

点击按钮后。

如何做到这一点？

感谢您的帮助!

Answer 1

仅使用 .html() 不会改变 input 的值。它将继续使用初始值:<input type='text' value="Test Content"> 。我建议使用 .each() 和 .val() .

JavaScript:

$(document).ready(function(){
    $('#b1').click(function(){
        $('#stage input').each(function(){
           $('#stage input').attr('value', $(this).val());
        });
        $('#results').html($('#stage').html());
    });
});

演示: http://jsfiddle.net/dirtyd77/Yctwk/5/