jQuery: ¿cómo encontrar los primeros botones de entrada/selección/textarea visibles excluyendo?

Question

me trataron

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

pero no encuentra nada.

¿Cuál es mi error?

UPD: ejecuto esto en $ (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> 

y en la depuración puedo ver que firstInput está vacía.

UPD2: Estoy en la página ASP.NET que se ejecuta en Sharepoint.

He encontrado hasta ahora que para algunos elementos los encuentra (para los fijos) y para algunos no. :(

Answer 1

¿Por qué no apuntar a las que desee (demo)

?

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

Editar

O utilice el selector de jQuery :input para filtrar de forma descendientes.

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

Answer 2

El código jQuery está muy bien. Debe ejecutar en el controlador dispuesto no en el evento de carga de la ventana.

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

actualización

que probé con el ejemplo de Karim79 (gracias por el ejemplo) y funciona bien: http://jsfiddle.net/2sMfU/

Answer 3

Este es mi resumen de lo anterior y funciona perfectamente para mí. Gracias por la info!

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

Answer 4

Aquí está mi solución. El código debe ser bastante fácil de seguir, pero aquí es la idea:

• obtener todas las entradas, selecciona y áreas de texto
• filtrar todos los botones y campos ocultos
• filtro sólo está habilitado, los campos visibles
• seleccione la primera
• enfoque del campo seleccionado

el código:

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

Luego simplemente llame a focusFirst con su elemento principal o selector.

Selector:

focusFirst('form#aspnetForm'); 

Elemento:

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

Answer 5

Usted puede tratar a continuación el código ...

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

Answer 6

Ésta es una n mejora con respecto a la respuesta de @ Mottie porque a partir de jQuery 1.5.2 :text selecciona input elementos que no tienen type atributo especificado (en cuyo caso se implica type="text"):

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