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');