專注於第一個類名元素

Question

我有一個驗證表單。 當PHP發現錯誤，將輸入與「錯誤」類...例如：

<input type='text' name='login' class='error'/> 
<input type='password' name='pass'/> 
<input type='text' name='email' class='error'/> 

我的問題是，如何設置焦點在使用jQuery第一個「錯誤」類別的元素？如果我試試這個：

<script type='text/javascript'> 
    if($(".error").length != 0){$(".error").focus();} 
</script> 

總是將焦點設置在最後一個元素上。 感謝您的幫助。

Answer 1

您可以使用:first選擇器。

$("input.error:first").focus() 

Answer 2

有多種方式可以做到這一點。

$('.error:first').focus() 

$('.error').first().focus() 

$('.error').eq(0).focus() 

您可以參考文件：

• http://api.jquery.com/first-selector/
• http://api.jquery.com/first/
• http://api.jquery.com/eq-selector/