欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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功能看出了问题所在的,
JQuery 中 next() 方法,需要注意的一个地方
            
    
    博客分类: JQuery jqueryidnextchildrennextAll 
 

请注意看图中的 selector 属性,一个是  children(0), 一个是 #lte_ip6。

接下来的,我就不多说了,因为我也不是十分确定,我只是猜想一下,前者是去查询 children 中第0个以后的所有元素,而后者只是查询 lte_ip6 元素的后一个元素

  • jq.zip (32.5 KB)
  • 下载次数: 1
  • JQuery 中 next() 方法,需要注意的一个地方
            
    
    博客分类: JQuery jqueryidnextchildrennextAll 
  • 大小: 136.9 KB