Есть ли способ, чтобы выбрать первый элемент из коллекции типов

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), которые существуют в каждом .

Итак, в приведенном выше примере мой селектор 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