jQuery確定div內的任何輸入是否集中

Question

您如何確定div1中的任何輸入是否專注於jQuery？

<div id="div1"> 
    <input type="text" id="input1"> 
    <div id="div2"> 
     <input type="text" id="input2"> 
    </div> 
</div> 

Answer 1

if($("#div1 input:focus").length > 0){ 
    alert('An input is selected'); 
}else{ 
    alert('No inputs selected.'); 
} 

小提琴：http://jsfiddle.net/6r8RQ/

文檔：:focus，.length。

Answer 2

短和對點：

if ($("#div1").find("input:focus")[0]) {...} 

如果提供的jQuery代表了一組DOM元件，所述 .find（）方法允許我們通過這些 元素的後代搜索DOM樹並從 匹配元素構造一個新的jQuery對象。 .find（）和.children（）方法類似， 除了後者僅在DOM樹下傳送單個級別。

來源：http://api.jquery.com/find/

JSFiddle