JQuery 中 next() 方法,需要注意的一个地方
程序员文章站
2022-07-12 23:43:03
...
直接上代码:
<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功能看出了问题所在的,
请注意看图中的 selector 属性,一个是 children(0), 一个是 #lte_ip6。
接下来的,我就不多说了,因为我也不是十分确定,我只是猜想一下,前者是去查询 children 中第0个以后的所有元素,而后者只是查询 lte_ip6 元素的后一个元素