属性大于传递变量的jQuery元素（.filter（））

Question

我知道我可以使用jQuery的.filter（）进行属性过滤。我也知道自从W3C正式实现HTML5中的数据事物以来，这种自定义属性的使用就不受欢迎了。

但我仍然想知道为什么这不起作用。

JS：

$("[id^=hide]").click(function() { 
    var lvl = $(this).attr('lvl'); 
    var id = $(this).attr('tar'); 

    $('#' + id).slideToggle(100); 

    $('div').filter(function(lvl) { 
     return $('this').attr('lvl') > lvl; 
    }).slideToggle(100); 
}); 

HTML：

<a id="hide1" lvl="0" tar="1"></a> 
<div id="1" lvl="0"></div> 
<a id="hide2" lvl="1" tar="2"></a> 
<div id="2" lvl="1"></div> 
<a id="hide3" lvl="2" tar="3"></a> 
<div id="3" lvl="2"></div> 
<a id="hide4" lvl="2" tar="4"></a> 
<div id="4" lvl="2"></div> 
<a id="hide5" lvl="1" tar="5"></a> 
<div id="5" lvl="1"></div> 
<a id="hide7" lvl="2" tar="7"></a> 
<div id="7" lvl="2"></div> 

我想实现的是。 1.点击链接。 2. SlideToggle靠近链接的div。 3. SlideToggle其级别属性大于该链接级别属性的所有其他div。

我也试图做这样的：

$("[id^=hide]").click(function() { 
    var lvl = $(this).attr('lvl'); 
    var id = $(this).attr('tar'); 

    $('#' + id).slideToggle(100); 
    hideOthers(lvl); 
}); 

var hideOthers = function(lvl) { 
    $('div').filter(function(lvl) { 
     return $('this').attr('lvl')> lvl; 
    }).slideToggle(100); 
} 

但是，这也不能正常工作。有任何想法吗？

Answer 1

Updated Fiddle

在这一行：

$('div').filter(function(lvl) { 

lvl被认为是jQuery中的索引filter()函数，所以函数里面的lvl的值是[0-1-2 .... nbr_of_divs]。

修复，只是从帕拉姆删除lvl并直接使用它。

$('div').filter(function() { 
    return $(this).attr('lvl') > lvl; 
}).slideToggle(100); 

也卸下撇号（'）从$(this)滤波器函数内部：

更换：

return $('this').attr('lvl')> lvl; 

通过：

return $(this).attr('lvl') > lvl; 

的它的工作，希望这有助于。

Answer 2

可以使用车削操作位置：在你的代码

像

return $('this').attr('lvl')> lvl ? lvl : $('this').attr('lvl');