Question

发现一个很奇怪的jQuery问题，郁闷了很久了。

var $a = $("<div>");
var $b = $("<span>").html("bbb");
$b.extend({
i : 123
});
$a.extend({
$b : $b
});

$b.appendTo($a);
$a.appendTo(document.body);
$a.$b.click(function(){
alert($(this).i);
});

虽然打印不出123，总是打印出来是undefined，为什么这样有谁知道原因吗，另外能否提供解决办法，谢谢。

顺便说一下 alert($(this).html());可以打印出"bbb"。

Answer 1

这是jquery的缓存机制，你$b.extend({i : 123});放进去的数据，并不是存在<span>这里的，所以当你使用alert($(this).i);取出来的时候并不是原来放进去的，如果你直接使用alert($b.i);就可以取出来。
简单讲就是当你用注册时间的方式重新获取span对象的时候，就清掉了原来的缓存了，与$b不是一个对象了

Answer 2

我要回答

Answer 3

修改原来的.
因为$(this)是重新得到一个新对象,所以原来extend的属性就不能再用了.
而$(this).html()显然是共有的,所以就能显示出来bbb.