Javascript 是否将动态内容从jquery保存到文件？

我有以下代码，当您按下按钮时，可以在id为的div容器中创建一个div

jquery

$(document).ready(function(){

  $("#add").click(function(){
      $('#container').append( $('<div>test</div>').addClass('div-color') );
  });

});

$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
$（'#container'）.append（$（'test'）.addClass（'div-color'））；
});
});

html

如何将容器div和动态生成的数据保存在服务器上的文件中？例如，如果用户单击按钮两次，我想将以下内容保存在服务器上的test.html文件中（container div和其中的所有内容）

测试
测试

---

我猜javascript是不可能的，如果可以的话，PHP也可以使用。

试试这样的方法

$.ajax({
  type: "POST",
  url: 'save.php',
  data: { content: $('#container').html() }
});

然后接收POST数据并用php将其保存到文件。

是否尝试过搜索？见和。

<div id="container">
<div class="div-color">test</div>
<div class="div-color">test</div>
</div>

$.ajax({
  type: "POST",
  url: 'save.php',
  data: { content: $('#container').html() }
});