Jquery 返回对象不是选择器元素

Question

我有html这样

<input id="paymentNumber" type="text" class="form-control input-sm bot-buffer" placeholder="Payment Number">

但是当我尝试像这样在 jquery 中获取 html 标签时 $('#paymentNumber') 它返回给我 jquery 对象而不是这个特定 ID 的 html 标签。但是虽然我可以获得这样的 html 标签 $('#paymentNumber')[0]

今天之前没有出现这个问题，我总是得到这样的 html 标签，但我的问题是为什么它使每个 html 元素成为 jquery 对象。

它是在 jquery 中还是在控制台或其他地方进行了一些更新？

Answer 1

要获得 id 的 html，您只需将 .html() 添加到末尾，如下所示；

// console.log($('#paymentNumber'))
console.log($('#paymentNumber').html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="paymentNumber" type="text" class="form-control input-sm bot-buffer" placeholder="Payment Number">

仅使用 $('#paymentNumber') 将 return 一个包含大量关于 div

信息的对象

Answer 2

jQuery 总是返回一个 "wrapped set" 或一组 selected 对象。也许，以前，您只返回了严格的包装集，其中仅包含您要查找的元素（您 select 按 ID 编辑）。也许现在您已经偶然发现了一个全新的世界，您可以通过 select 到 class（在单个包装集中获得许多元素），只是您没有预料到也没有为此做好准备。

只是一个注释，但如果您想要实际的 HTML 标签名称，您需要：

$('#my_element').prop('tagName');

要获得单个包装对象，您可以像以前一样使用数组访问

$('.many_elements')[0];

或者你可以得到第一个元素：

$('.many_elements').first();

希望这有助于清理它。

Jquery 返回对象不是选择器元素

Jquery returning object not selector element

html

javascript

jquery

console.log