function - 单击时仅重新加载某个类的元素 - jquery

Question

我有点击时重新加载页面的功能：

$('#reload').click(function () {
   location.reload();
 });

我应该放什么而不是location.reload();只重新加载带有 aaa 类的元素？

试过$('.aaa').reload();- 不起作用。

Answer 1

您可以使用.load将内容加载到元素中，即只要您有一个返回要加载到元素中的 html 的 url。您不能只是将元素重新加载到旧状态，因为HTML 是无状态的，除非您手动管理状态。

  $('#reload').click(function () {
      $('.aaa').load(url); //url which returns you the content of the html.
 });

或者其他方式可以将元素的先前状态存储在本地存储/cookie/数据缓存等中，并在单击时将其填充回。

第二种方式的一个例子是：

 $('#reload').click(function () {
      $('.aaa').replaceWith($('.aaa').data('cache')); //just replace itself with one in the data cache
 });

$('.aaa').data('cache', $('.aaa').clone(true)); //on load of the page save the current element in data cache, for later use

小提琴