ajax添加缓存,如何通过AJAX添加元素后更新缓存的jquery对象

我想在jQuery中编写一个类似于插件的函数来将元素添加到带有AJAX的容器中。 它看起来像这样：如何通过AJAX添加元素后更新缓存的jquery对象

$.fn.cacheload = function(index) {

var $this = $(this);

$.get("cache.php", {{ id: index }).done(function(data) {

// cache.php returns

Content

...

$(data).insertAfter($this.last());

});

}

，我想用这样的：

var entries = $("div.entry"),

id = 28;

entries.cacheload(id);

认为这将加载另一个“入口” -container，并把它添加到DOM。

这是迄今为止的作品。但当然，保存缓存的jQuery对象(entries)的变量不会更新。因此，如果开头有两个div，并且您将使用此功能添加另一个div，它将显示在DOM中，但entries仍然会引用原始的两个div。

我知道你不能使用get的返回值，因为AJAX调用是异步的。但是有什么方法可以更新缓存对象，以便它包含通过AJAX加载的元素？

我知道插入后，我可以做这样并重新查询：

$.get("cache.php", {{ id: num }).done(function(data) {

$(data).insertAfter($this.last());

entries = $("div.entry");

});

但对于这一点，我将不得不引用变量直接持有缓存的对象。 有没有办法解决这个问题，所以函数是独立的？ 我试过重新分配$(this)，但出现错误。 .add()不更新缓存的对象，它创建一个新的(临时)对象。

非常感谢！

// UPDATE：

约翰小号给下面一个很好的答案。但是，我最终意识到，对我来说，其他的东西实际上会更好。 现在插件函数插入一个空白元素(同步)，并且当AJAX调用完成时，该元素的属性被更新。这也确保元素以正确的顺序加载。对于任何人都绊倒在这，这里是一个JSFiddle：http://jsfiddle.net/JZsLt/2/

2014-01-13

pjupju