jQuery: วิธีค้นหาปุ่มที่ไม่รวมอินพุต / เลือก / textarea แรกที่มองเห็นได้?

ฉันเหนื่อย

$(":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: ฉันอยู่ในเพจ ASP.NET ที่ทำงานภายใต้ Sharepoint

จนถึงตอนนี้ฉันพบว่าสำหรับบางองค์ประกอบจะพบพวกมัน (สำหรับองค์ประกอบคงที่) และสำหรับบางองค์ประกอบก็ไม่พบ :(

ทำไมไม่เพียงกำหนดเป้าหมายสิ่งที่คุณต้องการ ( สาธิต )?

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

แก้ไข

หรือใช้ jQuery : input selector เพื่อกรองฟอร์มลูกหลาน

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

โค้ด JQuery ใช้ได้ดี คุณต้องดำเนินการในตัวจัดการพร้อมไม่ใช่ในเหตุการณ์โหลดหน้าต่าง

<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เลือกinputองค์ประกอบที่ไม่มีtypeแอตทริบิวต์ที่ระบุ(ซึ่งในกรณีนี้type="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>