最初の入力を選択しますが、type = hiddenを選択しないでください

Question

type=hiddenではない最初の入力要素にフォーカスを当てたいとします。私はこれを遠くに持っていますが、隠された要素に焦点を合わせようと試みます。

$('#content input:first').focus(); 

Answer 1

:visibleセレクタ使用：

$('#content input:visible:first').focus(); 

:visibledocs：

説明：表示されている全ての要素を選択します。要素は、いくつかの理由で を非表示にすることができます。

• これらはCSS表示値がnoneです。
• これらはtype = "hidden"のフォーム要素です。
• 幅と高さが明示的に0に設定されています。
• 祖先要素は非表示であるため、要素はページに表示されません。

それはあなたのためにあまりにも多くのなら、Attribute Not Equal Selectorを使用します。

$('#content input[type!="hidden"]:first').focus(); 

Attribute Not Equal Selectordocs：

説明：指定された属性を持っていないのどちらかという要素を選択するか、または行います指定された属性を持ちますが、特定の値ではありません。

Answer 2

$('#content input:first').not(":hidden").focus(); 

Answer 3

あなたは、その属性と最初に表示さフィルタリング要素を選択する必要があります。

$("#content input[type!='hidden']:first").focus();