Выберите первый вход, но не выбирайте type = hidden

Question

Я хочу сфокусировать первый элемент ввода, который не является type=hidden.У меня так далеко, но он все еще будет пытаться сфокусировать скрытые элементы.

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

Answer 1

Используйте селектор :visible:

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

:visible документы :

Описание: Выбирает все видимые элементы. Элементы могут быть считается скрытым по нескольким причинам:

• У них есть CSS-значение отображения none.
• Это элементы формы с type = "hidden".
• Их ширина и высота явно установлены на 0.
• Элемент-предок скрыт, поэтому элемент не отображается на странице.

Если это слишком много для вас, используйте Attribute Not Equal Selector:

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

Attribute Not Equal Selector документы :

Описание: Выберите элементы, которые либо не имеют указанного атрибута, либо имеют указанный атрибут, но не имеют определенного значения.

Answer 2

$('#content input:first').not(":hidden").focus();

Answer 3

Вам нужно будет выбрать элемент фильтрации с его атрибутом и появиться первым.

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