jQuery：ボタンを除く最初に表示される入力/選択/テキスト領域を見つける方法は？

私は試した

$(":input:not(input[type=button],input[type=submit],button):visible:first")

しかし、何も見つかりません。

私の間違いは何ですか？

UPD：これを$（document）.load（）で実行します

<script type="text/javascript">
$(window).load(function () {
  var aspForm  = $("form#aspnetForm");
  var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm);
  firstInput.focus();
});
</script>

デバッグでは、firstInputが空であることがわかります。

UPD2：Sharepointで実行されているASP.NETページにいます。

これまでのところ、一部の要素では（固定要素の場合）検出され、一部の要素では検出されないことがわかりました。:(

必要なものだけをターゲットにしないのはなぜですか（デモ）。

$('form').find('input[type=text],textarea,select').filter(':visible:first');

編集

または、jQuery ：inputセレクターを使用して、フォームの子孫をフィルター処理します。

$('form').find('*').filter(':input:visible:first');

JQueryコードは問題ありません。ウィンドウロードイベントではなく、readyハンドラーで実行する必要があります。

<script type="text/javascript">
$(function(){
  var aspForm  = $("form#aspnetForm");
  var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm);
  firstInput.focus();
});
</script>

更新

Karim79の例を試してみました（例に感謝します）。正常に動作します：http：//jsfiddle.net/2sMfU/

これは上記の私の要約であり、私にとって完璧に機能します。情報をありがとう！

<script language='javascript' type='text/javascript'>
    $(document).ready(function () {
        var firstInput = $('form').find('input[type=text],input[type=password],input[type=radio],input[type=checkbox],textarea,select').filter(':visible:first');
        if (firstInput != null) {
            firstInput.focus();
        }
    });
</script>

これは@Mottieの回答よりも改善されています。これは、jQuery 1.5.2以降、指定された属性を持たない要素が:text選択されるためです（この場合は暗黙的に示されます）。inputtypetype="text"

$('form').find(':text,textarea,select').filter(':visible:first')

これが私の解決策です。コードは従うのに十分簡単なはずですが、ここにアイデアがあります：

• すべての入力、選択、およびテキスト領域を取得します
• すべてのボタンと非表示フィールドを除外します
• 有効な表示フィールドのみにフィルターをかける
• 最初のものを選択してください
• 選択したフィールドにフォーカスします

コード：

function focusFirst(parent) {
    $(parent).find('input, textarea, select')
        .not('input[type=hidden],input[type=button],input[type=submit],input[type=reset],input[type=image],button')
        .filter(':enabled:visible:first')
        .focus();
}

次に、親要素またはセレクターを使用してfocusFirstを呼び出すだけです。

セレクタ：

focusFirst('form#aspnetForm');

素子：

var el = $('form#aspnetForm');
focusFirst(el);

以下のコードを試してみてください...

$(document).ready(function(){
    $('form').find('input[type=text],textarea,select').filter(':visible:first').focus();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<form>
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
    
<input type="submit" />
</form>