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

【问题标题】：How to set focus on the first input OR select with a classname?如何将焦点设置在第一个输入或使用类名选择？
【发布时间】：2020-05-19 11:57:41
【问题描述】：

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

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

我认为上面的选择器可以解决问题，但它只将焦点设置在输入上。如何更改它以包含选择元素？非常感谢。

【问题讨论】：

【解决方案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();

【讨论】：

感谢@Anurag Srivastava，但表达式会产生语法错误：“语法错误，无法识别的表达式：form :visible:[class*=validate]:first”
@KMarron 抱歉打错了，有一个额外的:。请看附件sn-p