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。