jQuery找不到元素

Question

我试图选择输入元素，但它似乎不工作。

HTML：

<section id="c1"> 
    <div class="input-group col-lg-2"> 
     <span class="input-group-addon"> 
      <i class="glyphicon glyphicon-map-marker"></i> 
     </span> 
     <input type="text" readonly class="form-control"/> 
     <span class="input-group-btn"> 
      <button class="btn btn-default" type="button">GPS</button> 
     </span> 
    </div> 
</section> 

的jQuery：

$("#c1").find("input"); 

我想选择此：

<input type="text" readonly class="form-control"/> 

Answer 1

它正常工作对我来说：

当我使用这个HTML ...

<section id="c1"> 
    <div class="input-group col-lg-2"> 
     <span class="input-group-addon"> 
      <i class="glyphicon glyphicon-map-marker"></i> 
     </span> 
     <input type="text" readonly class="form-control"/> 
     <span class="input-group-btn"> 
      <button class="btn btn-default" type="button">GPS</button> 
     </span> 
    </div> 
</section> 

...这... JS

var $InputElement = $("#c1").find("input"); 
console.log($InputElement); 

...控制台将返回正是你要寻找的input元素。

嗯，实际上，它返回一个包含你正在寻找的元素的jQuery对象。

---

如果你希望DOM element本身，而不是一个jQuery对象，只是这样做：

var InputElement = $("#c1").find("input")[0]; 
console.log(InputElement); 

---

你可以尝试一下自己在this Fiddle。