jQuery: làm thế nào để tìm thấy các nút đầu vào / select / textarea có thể nhìn thấy đầu tiên?

Tôi đã thử

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

nhưng nó không tìm thấy gì cả.

Lỗi của tôi là gì?

UPD: Tôi thực hiện điều này trên $ (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>

và trong phần gỡ lỗi, tôi có thể thấy rằng firstInput trống.

UPD2: Tôi đang ở trang ASP.NET chạy dưới Sharepoint.

Tôi đã tìm thấy cho đến nay rằng đối với một số phần tử, nó tìm thấy chúng (đối với những phần tử cố định) và đối với một số thì không. :(

Tại sao không chỉ nhắm mục tiêu những cái bạn muốn ( demo )?

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

Biên tập

Hoặc sử dụng jQuery : input selector để lọc các mẫu con.

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

Mã JQuery là tốt. Bạn phải thực thi trong trình xử lý sẵn sàng không có trong sự kiện tải cửa sổ.

<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>

Cập nhật

Tôi đã thử với ví dụ của Karim79 (cảm ơn ví dụ) và nó hoạt động tốt: http://jsfiddle.net/2sMfU/

Đây là bản tóm tắt của tôi về những điều trên và hoạt động hoàn hảo đối với tôi. Cảm ơn bạn về thông tin!

<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>

Đây là một cải tiến so với câu trả lời của @ Mottie vì jQuery 1.5.2 :textchọn inputcác phần tử không có typethuộc tính được chỉ định (trong trường hợp đó type="text"là ngụ ý):

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

Đây là giải pháp của tôi. Mã phải đủ dễ để làm theo nhưng đây là ý tưởng:

• nhận tất cả đầu vào, lựa chọn và văn bản
• lọc ra tất cả các nút và các trường ẩn
• lọc để chỉ các trường được bật, hiển thị
• chọn cái đầu tiên
• tập trung vào trường đã chọn

Mật mã:

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();
}

Sau đó, chỉ cần gọi focusFirst bằng phần tử mẹ hoặc bộ chọn của bạn.

Bộ chọn:

focusFirst('form#aspnetForm');

Thành phần:

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

Bạn có thể thử mã bên dưới ...

$(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>