Question

请大家帮我看看 我这段jquery 代码有问题？？

<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title='苹果' id="l1">苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
<script type="text/javascript">
var $body =$("body").children();
var $p=$("p").children();
var $ul=$("ul").children();

alert( $ul[1].innerHTML); // 这么写 就能正常运行！！ 我原来的写法： alert($ul[1].text());

我的写法有什么问题呢？为什么总是报 is not a function 错误！！！

Answer 1

$ul[1] 这个是一个dom对象，而不是jquery对象，
所以没有jquery的text()方法，但有dom的innerHTML属性。

你可以这样写：
Jquey对象写法：$($ul[1]).text()
Dom对象写法： $ul[1].innerHTML

Answer 2

查了一下jQuery 的API,
描述如下:
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。

这里的$ul已经不再是jquery元素了, 而是一个数组类型的dom元素合集,所以无法使用jquery的方法.

Answer 3

就是一个知识点：$ul=$("ul").children();得到的是jQuery对象（数组），而$ul[1]就转换成了DOM对象了，而innerHTML是对Dom对象操作的属性。原来是jQuery对象集、就得不到结果了，只有在得到的结果是唯一的情况下才能得到text()值。Jquey对象写法：$($ul[1]).text()