有沒有一種方法來選擇的，我想知道是否有一種方法使用jQuery（以鏈接的方式）來選擇以下類型

Question

集合的第一個元素：

<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