如何从用户处接受HTML文件并在该文件上应用jQuery代码（GUI）

例如：用户应该有一个选项，可以从GUI上的浏览选项中选择一个HTML页面，然后完成jQuery处理，然后用另一个名称保存/写入在该HTML页面上所做的更改。

来自您在评论中发布的示例，鉴于某些动态html，您似乎试图在每个元素之后插入一个元素：

$document.on'click'，button'，函数{ $'ChangedContentRapper'.html$'textarea'.val； //设置： //获取标题元素 //使用jQuery选择器创建一个新的元素 变量标题=$'ChangedContentRapper'。查找'h1、h2、h3、h4、h5、h6'， para=$''.html'xxxxxxx'； //不需要循环。。。 //这将在标题变量中的每个元素后插入一个 标题后插入第2段； $'result'.val$'ChangedContentRapper'.html； }; 文本区{ 宽度：100%； 高度：60px； } DivChangedContentRapper{ 显示：无； } 之前 一级标题 二级标题 三级标题

此处有一些文本

三级标题 这里有一些要素 三级标题 这里有一些文字 三级标题 四级标题 这里有一些文字 二级标题 三级标题 这里有一些文字 三级标题 这里有一些文字 之后 应用格式 })

以上是我问题的答案

不管怎么说，多亏了你们，没有你们的帮助，我永远也不会找到我的解决办法。非常感谢

$(document).on('click', '#button',     function() {
$('#changedContentWrapper').html($('#textarea').val());

$('#changedContentWrapper').find('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6').each(function() {
    if ($(this).parent().prev().is('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6') != true) {
        $(this).parent().before('<p>xxxxxxx</p>');
    }
});

$('#result').val($('#changedContentWrapper').html());

})

以上是我问题的答案

---

不管怎么说，多亏了你们，没有你们的帮助，我永远也不会找到我的解决办法。非常感谢

发布的代码与您的要求完全不相关。到目前为止，你尝试了什么？你被困在哪里？所以这不是一个代码编写服务。它正在处理页面，但我想用用户界面功能升级它。太棒了！您尝试为用户界面功能开发了哪些功能？您在哪里遇到了困难？现在你甚至连一个问题都没有问，你是在要求别人为你写一个程序——免费的。fiddle中的代码与本文中的代码完全相同，只是有一些html。在发布JSFIDLE链接时，通过在随机单词周围放置代码块来绕过代码要求是不合适的。我将删除此内容，直到您将其编辑为正确答案。编辑后，请随时标记此内容，以引起版主注意，并要求取消删除此内容。

$(document).on('click', '#button',     function() {
$('#changedContentWrapper').html($('#textarea').val());

$('#changedContentWrapper').find('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6').each(function() {
    if ($(this).parent().prev().is('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6') != true) {
        $(this).parent().before('<p>xxxxxxx</p>');
    }
});

$('#result').val($('#changedContentWrapper').html());

$(document).on('click', '#button',     function() {
$('#changedContentWrapper').html($('#textarea').val());

$('#changedContentWrapper').find('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6').each(function() {
    if ($(this).parent().prev().is('.Heading-1, .Heading-2, .Heading-3, .Heading-4, .Heading-5, .Heading-6') != true) {
        $(this).parent().before('<p>xxxxxxx</p>');
    }
});

$('#result').val($('#changedContentWrapper').html());