首页 > 解决方案 > 如何将焦点设置在第一个输入或使用类名选择?

问题描述

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

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

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

标签: javascriptjqueryjquery-selectors

解决方案


$(() => {
  $('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();


推荐阅读