jquery永久改变html

Question

如何使用jQuery永久地将类添加到html元素。

我计划使用jQuery sorting plugin构建一个按类型/类别排序的图库。我想在每个图像下面添加一个下拉框，允许用户更改类型（添加/删除类），永久更改HTML以进行下一次加载。我该怎么做呢？

编辑：好的，我可以把它放在一起，我应该使用这种方法：

1. Jquery添加/删除类。
2. 通过AJAX请求发送源代码的完整HTML。
3. PHP将完整的HTML写入文件，或者有没有办法只用PHP替换文件的特定部分？

Answer 1

您可以使用jQuery's ajax功能将已编辑的HTML发送回服务器，以便在用户进行更改后存储在您的数据库中。

然后，您可以在下次加载时从数据库中构建页面的相关部分。

$('#mySelectBox').change(function(){
$.ajax({
  url: "updateHtml.php",
  data: $('#myEditedHtmlContainer').html(),
  success: function(){
    // do something on success
  }
});
});

Answer 2

首先需要了解客户端脚本和服务器端编程之间的区别。

服务器将在每个响应中返回一组html，由你的服务器端php生成。

如果要修改某个元素的类，并且希望此更改在下一个生成的服务器端php响应中生效，则需要以某种方式通知服务器您的更改。

有几种方法可以将数据从客户端发送到服务器端。

1. 将值存储在隐藏字段中
2. 发出ajax请求并将值存储在服务器上的某个位置，以便在请求时知道此更改。
3. 将其添加到所请求网址的查询字符串中。

Answer 3

一种解决方案是将用户决策存储在cookie中。在页面加载期间，您需要检查cookie中的适当值，并根据它应用CSS。