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] ) {...}

  

给定一个表示一组DOM元素的jQuery对象，   .find（）方法允许我们搜索这些的后代   DOM树中的元素并从中构造一个新的jQuery对象   匹配元素。 .find（）和.children（）方法类似，   除了后者只在DOM树中向下移动一层。

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

<强> JSFiddle