jQuery循環遍歷所有佔位符並設置焦點

Question

我遇到了材質設計標籤動畫在動態值或佔位符輸入上崩潰的問題。我想循環瀏覽頁面加載時頁面上所有具有佔位符屬性的輸入，並在該字段上設置焦點以觸發該動畫。循環後，我想把重點放在第一個輸入。

我試圖用一個placeholeder和一個標籤向所有輸入添加一個「標籤」類，並將以下內容放入Document Ready中，但它不起作用。

$('.labeled').focus(); 
$('input:first').focus(); 

Answer 1

做的東西試試這個：

jQuery(document).ready(function($) { 
    $('input[placeholder]').each(function(index, el) { 
     $(el).focus(); 
    }); 
    $('input]:first').focus(); 
}); 

你需要運行的每一個，因爲這樣你可以添加一個觸發器的焦點事件，每次。

Answer 2

$("input[placeholder]").each(function() { 
    $(this).focus(); 
}); 

這就是它！ https://jsfiddle.net/3ckqo1ov/3/

問題是，您將逐個集中每個輸入，並且只有最後一個輸入將在循環結束時「真正」關注。 但是，這不是一個問題，如果你是在onFocus事件:)