Rainbow702 发表于 2013-1-29 13:30:55

JQuery 中 next() 方法,需要注意的一个地方

直接上代码:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="jquery-1.7.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){alert($("#test7").children(0) === $("#test5"));alert($("#test7").children(0).next().length);});</script></head><body><div id="test1"><input id="test3" type="text"value="123" /></div><div id="test7"><input id="test5" type="text"value="123" /><span id="test4">444</span><span id="test5">555</span></div><div cid="test2"></div></body></html> 
运行一下,看看结果是什么,有没有出乎意料一点?我本以为结果应该是 true 和 1,但事实却是 false 和 2,被这个问题搞了好长时间,NND的,最后还是通过IE 的开发人员工具中的DEBUG功能看出了问题所在的,
http://dl.iteye.com/upload/attachment/0070/0545/7f00238a-1ce5-356c-a66d-6a93177c1e60.jpg
 
请注意看图中的 selector 属性,一个是  children(0), 一个是 #lte_ip6。
接下来的,我就不多说了,因为我也不是十分确定,我只是猜想一下,前者是去查询 children 中第0个以后的所有元素,而后者只是查询 lte_ip6 元素的后一个元素
页: [1]
查看完整版本: JQuery 中 next() 方法,需要注意的一个地方