jquery - 有没有办法从类型集合中选择第一个元素

Question

我想知道是否有办法使用 jQuery(以链接方式)来选择以下内容:

<div class="panel">
    <input id="first" type="text" />
    <input id="second" type="text" />
</div>

<div class="panel">
    <h2>Panel title</h2>
    <textarea id="third"></textarea>
    <input id="fourth" type="text" />
</div>

<div class="panel">
    <p>Some paragraph</p>
    <select id="fifth"></select>
    <input id="sixth" type="text" />
</div>

我想选择每个 input 中存在的第一个表单元素(即 select/textarea/div.panel ) .

因此，在上面的示例中，我的 jQuery 选择器将返回三个元素的集合:input#first , textarea#third和select#fifth .

下面的循环将得到我想要的结果，但是肯定有一种符合 jQuery 的更简洁的方法可以一次性完成此操作？

var firstFormFieldList = [];

$('.panel').each(function(i, el){
   var firstEl = $(el).find('input,select,textarea').filter(':first');
   firstFormFieldList.push(firstEl);
});

Answer 1

您正在寻找 :input 选择器 ( DOCS ):

$('.panel').find(':input:first')

Example