$('#element').children('ul').children('li').children('a').hover(function(){
var _this = $(this);
_this.siblings('div').show();
},function(){
_this.siblings('div').hide();
})
它按原样工作，显示 div。但它不会隐藏它之后。我猜 _this 没有在 callbacl 函数中定义。我如何在该函数中传递它而不必从 DOM 中再次选择它？我认为这是一个非常基本的 javascript 问题，我只是想不通。
【问题讨论】：
标签： jquery
这两个函数都需要这个：
var _this = $(this);
但是更好的方法是这样的：
$('#element > ul > li > a').hover(function(e){
$(this).siblings('div').toggle( e.type === 'mouseenter' );
});
...或者，如果您希望避免多次调用 .siblings()，您可以这样做：
$('#element > ul > li > a').each(function() {
var $th = $(this);
var sibs = $th.siblings('div');
$th.hover(function(e){
sibs.toggle( e.type === 'mouseenter' );
});
});
仅供参考：当您执行$(this) 时，您不会从 DOM 中选择任何内容。 this 只是对调用处理程序时为您设置的元素的直接引用。
【讨论】：
<a> 元素的兄弟姐妹，那就没问题了。如果你有很多 <a> 元素，并且没有太多兄弟姐妹，我会使用第一个解决方案。
在您的示例中，您将两个函数作为参数传递给 .hover() 方法，因此您在函数内声明的任何变量仅在该函数的 范围 内可用。所以如果需要在第二个函数中使用_this变量，则需要再次声明。
但在您的情况下，中间变量应该不是必需的，您可以完全省略它：
$('#element').children('ul').children('li').children('a').hover(function(){
$(this).siblings('div').show();
} ,function(){
$(this).siblings('div').hide();
})
【讨论】：
var，你应该能够使用window.variablename再次调用它——在这种情况下是window._this。
_this 的变量，该变量在悬停处理程序之外没有上下文意义。呃。
_this，但是说你在函数中声明的任何变量都只保留在该函数中，无法使用它外面，是不真实的。
var x;，这是一个赋值：x = 1。现在在 JavaScript 中，您可以分配一个以前未声明的变量，它会自动接收全局范围。但是，在函数内声明的变量总是私有作用域的说法是不真实的，实际上是不真实的:)
为什么不使用 mouseenter 和 mouseleave？
或许：
$('#element').children('ul').children('li').children('a').hover(function(){
var _this = $(this);
_this.siblings('div').show();
},function(){
var _this = $(this);
_this.siblings('div').hide();
})
如果我在第一个函数语句中没有记错的话，_this 是“私有的”...
【讨论】：
如果#element 中的所有链接都在li 中，则可以使用$('#element > a').hover() 调用它们。
试试这个：
$('#element > a').mouseover(function () { $(this).siblings('div').show(); }).mouseout(function () { $(this).siblings('div').hide(); });
【讨论】：
$('#element > a')，因为使用现在的代码所获得的性能提升似乎最多可以忽略不计。当然，除非你有这么多 div 来调用它，否则它实际上会显着减慢它。但是你还有其他问题。