请教jQuery＋jQuery UI的3个问题

详细源码可以查看这个网址，我只列出我想问的：
http://www.keakon.cn/ocg/

一个疑问是jQuery对象如何在参数的匿名函数中获取自身。
例如

复制代码       var container1 = $("#container1");       container1.droppable({         over: function(ev, ui) {container1.addClass("over");}         }       });       var container2 = $("#container2");       container2.droppable({         over: function(ev, ui) {container2.addClass("over");}         }       });

这个over函数内部的container1和container2有办法直接拿到吗，这样我就可以不用写多次（实际上我需要20多个container，这样写会疯掉），而只用一个class选择器就行了：

复制代码       $(".container").droppable({         over: function(ev, ui) {这个对象该怎么写.addClass("over");}         }       });

我试过$(this)，但不可用＝。＝
此外还有个drop函数，它是个嵌套的匿名函数，这个的获取我就更搞不清了…


另一个是z-index的疑问，我设置了$(".poker").draggable({zIndex: 2})。这个拖动的卡片在Chrome下正常，但是在IE6下，一旦拖放到左边的div里，再拖到右边的div时，就会被挡住，这个属于bug吗？
我确定不是设置的值太小了，设成100、1000照样被挡。


还有一个是拖动的效果。
revert: 'invalid'可以让被拖动的对象慢慢回去，但我拖放到一个container上时，使用的是item.appendTo(container1)，于是它便立刻到容器里了，能否给这个也弄个动画效果呢？
我尝试过animate，可是不太清楚怎么用…


先谢谢大家的解答！

第一个问题$(this)就可以
嵌套的话先定义一个var outer = $(this);
然后在嵌套方法里面使用outer就可以

谢谢，over和out是可以这样解决的，但drop却没办法。

在Chrome下是正常的，但是IE6会报“尚未实现”的错误：

复制代码       var container1 = $("#container1");       container1.droppable({         accept: '.poker',         over: function(ev, ui) {$(this).addClass("over");},         out: function(ev, ui) {$(this).removeClass("over");},         drop: function(ev, ui) {           self = $(this); //这里会报错           (function (item) {             item.appendTo(self);           })(ui.draggable);         }       });

终于懂了，那处完全没必要用匿名函数…直接这样就行了：

复制代码       $(".container").droppable({         accept: '.card',         over: function(ev, ui) {$(this).addClass("over");},         out: function(ev, ui) {$(this).removeClass("over");},         drop: function(ev, ui) {ui.draggable.appendTo($(this))}       });

然后就是剩下的2个问题了，继续请教

z-index也知道了，简单来说就是不支持IE6…

反正不设position就正常＝。＝