jQuery專注於一個元素，然後另一個立即

Question

我試圖將焦點設置爲一個元素，然後立即將其設置回以前的焦點項目。這裏的HTML：

<input id="em3" type="email" /> 
<p class="error" tabindex="0">Please fill out the email field</p> 

我已經試過這樣：

$(this).next('.error').focus(); 
$(this).prev('input').focus(); 

這：

$(this).next('.error').focus(); 
setTimeout(function(){ 
     $(this).prev('input').focus(); 
}, 2000); 

但無論是作品。焦點停留在「.error」元素上。

任何想法？

Answer 1

的問題是：

這是因爲$(this)在setTimeout的處理程序是指 窗口，這大概是不一樣的價值由 $(this)處理程序外引用。所以，你需要指定您$(this)在 外部範圍

var ThisIt = $(this); 
ThisIt.next('.error').focus(); 
setTimeout(function(){ 
     ThisIt.focus(); 
}, 2000); 

演示

$('#em3').on('click',function(){ 
 
    var ThisIt = $(this); 
 
    ThisIt.next('.error').focus(); 
 
    setTimeout(function(){ 
 
     ThisIt.focus(); 
 
    }, 2000); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="em3" type="email" /> 
 
<p class="error" tabindex="0">Please fill out the email field</p>

注：1：點擊輸入查看動作.. 第2張：正如@Barmar在評論中所說..不需要使用prev()。