Question

我第一次使用jquery而且遇到了麻烦。我在html中使用了以下代码：

<ul>
    <li>hello </li>
    <li>hello 2</li>
    <li>hello 3</li>
</ul>
<script type="text/javascript" src="jquery-2.0.3.js"></script>

<script type="text/javascript">
var lis = jQuery('ul li')
console.log(lis)
</script>

当我查看我的版本时，它是2.0.3。

但是我打开了firefox并使用了Inspect元素来检查控制台，它返回

[17:57:32.367] [object Object]
instead of [<li>hello</li>]

实际上我正在通过这个链接学习免费课程（Hello Jequery by jeffery way）;他获得了不同的输出

Answer 1

因为jQuery('ul li')返回一个DOM对象。如果你想获得li或ul的内部html，那么你可以尝试一下

jQuery('ul').html() // for ul internal html
jQuery('ul li').html() // for li html

或者您也可以使用jQuery(lis).html()

之类的对象

Answer 2

它返回，因为它只是jquery对象（元素）。您只是选择该列表项，而不是其中的内容。将.text()函数添加到变量中以获取选择器的内容：

var lis = jQuery('ul li').text();
console.log(lis);

引用jquery时firefox中的'object Object'？

2 个答案: