javascript - 选择一组 CSS 选择器中的第一个元素

Question

在我正在进行的一个元素中，我们希望为用户设置的约定之一是，当我们打开一个模式时，我们会自动关注打开的模式中可以接受输入的第一个元素(或者输入或下拉列表。)执行此操作的 jQuery 代码简单:

$firstElement.focus();

问题是获取第一个元素。

我们的应用程序的模式有时以 input 开头(例如文本、复选框、日期等)，但其他时候以 select 开头(例如下拉列表)。因此，获取 $firstElement 有点具有挑战性，因为我需要像下面的伪代码一样执行选择:

(input, select):first

但是，根据我对 CSS 选择器的了解，我能得到的最接近的是:

input:first, select:first

问题:使用 CSS 选择器，我可以用什么方式选择一组输入和选择的第一个元素？或者，我是否需要更复杂的 JavaScript 实现来执行我尝试执行的“首先输入焦点”操作？

Answer 1

试试这个:

var $firstElement = $("input, select, textarea").first();

---

附录:

如果您使用隐藏的输入，也有一种解决方法:

var $firstElement = $("input, select, textarea").filter(':visible:first');