如何查找給定ID中的所有匹配輸入元素？

Question

$('#foo input'); 
$('#foo').find('input'); 

這兩個我相信只得到輸入直接後代#foo（即只有輸入嵌套立即在foo內）。如何獲得所有輸入，無論嵌套在#foo中有多深？

編輯：Bah，這個工程。馬虎我。需要咖啡。謝謝你們。

Answer 1

不，#foo input應該找到#foo的所有輸入後代。

閱讀documentation on CSS selectors瞭解更多信息和選項。

Answer 2

這兩個都得到所有的後代輸入。

如果你只想眼前的孩子，你會怎麼做：

$('#foo > input'); 
$('#foo').children('input'); 

選擇器：

• http://api.jquery.com/descendant-selector/（所有後代）
• http://api.jquery.com/child-selector/（直接後裔）

種

方法：

• http://api.jquery.com/find/（所有後代）
• http://api.jquery.com/children/（直接後裔）

Answer 3

您的代碼不正是你想要的。它將匹配任何#foo的子項，孫子等的INPUT元素。

獲得作爲元件的方式FOO的直接孩子將是

$("#foo>input"); 

Answer 4

不，你是不對的，至少

$('#foo input'); 

做這項工作 - 根據http://api.jquery.com/descendant-selector/給所有#foo的輸入後綴。它與css選擇器非常相似。

Answer 5

$('#foo > input');