Home/ Questions/Q 7648271
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T10:40:27+00:00

I want to focus the first input element that is not type=hidden . I’ve

  • 0

I want to focus the first input element that is not type=hidden. I’ve got this far but it will still attempt to focus hidden elements.

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the :visible selector:

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

    :visible docs:

    Description: Selects all elements that are visible. Elements can be
    considered hidden for several reasons:

    • They have a CSS display value of none.
    • They are form elements with type=”hidden”.
    • Their width and height are explicitly set to 0.
    • An ancestor element is hidden, so the element is not shown on the page.

    If it’s too much for you, use Attribute Not Equal Selector:

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

    Attribute Not Equal Selector docs:

    Description: Select elements that either don’t have the specified attribute, or do have the specified attribute but not with a certain value.

    • 0