Javascript 使用jQuery获取具有值的html元素（动态生成）

是否可以使用jQuery获取整个div内容（动态生成的元素）和值？例如，子元素可以是div、span、select或input

我正试图用.html文件的值保存整个div内容（动态生成）。我尝试使用一个包含表单和输入元素的div

HTML:

<div id="inputs">
    <form class="mainForm">
        <div style="height: 100%;" id="div1">
                <label>Input1</label>
                <input type="text" id="input1" name="input1"/>
        </div>
    </form>
</div>
<input id="addform" type="button" value="Click to add Input"/>
<input id="getform" type="button" value="Click to get html"/>

$(document).ready(function(){
    $("input#addform").click(function(){
        $("div#inputs").append($('form.mainForm').clone().html());
    });

    $("input#getform").click(function(){
        alert($("div#inputs").clone().html());
    });
});

小提琴：

<div id="inputs">
    <form class="mainForm">
        <div style="height: 100%;" id="div1">
                <label>Input1</label>
                <input type="text" id="input1" name="input1"/>
        </div>
    </form>
</div>
<input id="addform" type="button" value="Click to add Input"/>
<input id="getform" type="button" value="Click to get html"/>

$(document).ready(function(){
    $("input#addform").click(function(){
        $("div#inputs").append($('form.mainForm').clone().html());
    });

    $("input#getform").click(function(){
        alert($("div#inputs").clone().html());
    });
});

如何在点击“点击获取html”按钮时获取整个

div#inputs

内容和值（由用户输入）

我们将不胜感激

这里我只在表单中使用了一个输入。但在我的真实案例中，我们确实有select、span、image等功能。

试试这个

您必须显式更新

值

属性以满足您的需要

$(document).ready(function(){

    $(document).on('keyup','input[type="text"]',function(){
        $(this).attr('value',$(this).val());
    });

    $("input#addform").click(function(){
        $("div#inputs").append($('form.mainForm').clone().html());
    });

    $("input#getform").click(function(){
        alert($("div#inputs").clone().html());
    });
});

---

既然您已经知道html结构，您就不需要值和类型了吗？一个更真实的演示将help@charlietfl我刚才提到了一个div，但是我们有10个div，它们具有不同的html结构。我需要将整个html内容保存为.html文件。在我看来，具有复制html输出所需的所有属性/属性的对象数组比依靠浏览器修改html然后复制更有意义that@Oliver您检查过我的解决方案了吗？@RajaprabhuAravindasamy如何更新select标记的值？并选择标记选项将是动态的。