如何使用类名将焦点设置在第一个输入或 select 上？

Question

我必须将焦点设置在具有特定类名的页面的每个选项卡上的第一个元素上。这些元素可以是输入或 selects.

$('form :input:visible:input[class*=validate]:first').focus();

我认为 select 或更高版本可以解决问题，但它只将重点放在输入上。如何更改它以包含 select 元素？非常感谢。

Answer 1

$(() => {
  $('form :visible[class*=validate]:first').focus();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" class="validate"/>
</form>

您可以只使用类名：

$('form :visible[class*=validate]:first').focus();

How to set focus on the first input OR select with a classname?