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);

...控制台准确返回您正在寻找的输入元素。

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

如果你想要DOM element本身而不是jQuery对象，那就这样做：

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

您可以在this Fiddle中自行尝试。

jQuery找不到元素

1 个答案: