jQuery选择器问题

Question

我在上下滑动项目中的类时遇到问题，并希望得到任何帮助。

HTML：

<input type="text" class="text" name="left" style="width:100%;"/> 
<input type="submit" class="btn" value="Submit" /> 
<div class="regler">Regler</div> 

的jQuery：

$("input.text").focus(function() { 
    $(this).animate({width:'80%'},'slow',function(){ 
     $(this).next('input.btn').fadeIn('Slow'); 
    }); 
    $(this).next(".regler").slideDown('Slow'); 
}); 
$("input.text").blur(function() { 
    $(this).next('input.btn').fadeOut('Slow',function(){ 
     $(this).prev().animate({width:'100%'},'slow'); 
    }); 
    $(this).next(".regler").slideUp('Slow'); 
}); 

CSS：

.regler { 
display: none; 
} 

input.btn { 
display: none; 
} 

jQuery的位于脚本代码的HTML后。

$(this).next(".regler").slideDown('Slow');和$(this).next(".regler").slideUp('Slow');是唯一不行的行。

感谢您的答案，维克多。

Answer 1

next只是寻找下一个元素。由于this是您的上下文中的文本框，因此它没有下一个.regler。如果这些标签在父容器挤包，试试这个：

$(this).siblings(".regler").slideUp('Slow'); 

或者，如果你有很多套，如果输入：HTTP：

$(this).next().next(".regler").slideUp('Slow');