选择第一个输入，但不要't选择类型=隐藏

Select first input, but don't select type=hidden

本文关键字：选择 类型 隐藏 输入 第一个      更新时间：2023-09-26

我想关注第一个不是type=hidden的输入元素。我已经走到了这一步，但它仍然会试图集中隐藏的元素。

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

使用: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文档：

描述：选择没有指定属性的元素，或者有指定属性但没有特定值的元素。

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

您需要选择元素过滤及其属性并首先显示。

$("#content input[type!='hidden']:first").focus();
相关文章：