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事件:)