1. 爱易网页
  2. JavaSript
  3. jquery怎么获得父节点的父节点的的索引号

jquery怎么获得父节点的父节点的的索引号

日期：2014-05-16　 浏览次数：20425 次

jquery如何获得父节点的父节点的的索引号
<div id="tupiankuanjiabh">
<div class="shu1">
<div class="tupiankuanjia">
</div>
</div>
<!--#shu1结束--> 

<div class="shu1">
<div class="tupiankuanjia">
<form>
<input type="file" multiple="multiple" id="file0" onchange="gga()"/>
</form>
</div> 
</div>
<!--#shu1结束--> 

<div class="shu1">
<div class="tupiankuanjia">
</div>
</div>
<!--#shu1结束--> 

<div class="shu1">
<div class="tupiankuanjia">
</div> 
</div>
<!--#shu1结束-->

</div>
<!--tupiankuanjiabh结束-->  

jquery如何获得父节点的父节点的父节点（即div.shu1)在其父节点（div.tupiankuanjiabh)的索引号谢谢


------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

	"http://www.w3.org/TR/xhtml11/DTD/xhtml1.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<title></title>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

	<script type="text/javascript">

		function gga(obj){

			var index = $('.shu1').index($(obj).closest('.shu1'))

			index = index + 1;

			alert(index)

		}

	</script>

</head>

<body>

	<div id="tupiankuanjiabh">

		<div class="shu1">

			<div class="tupiankuanjia">

			</div>

		</div>

		<!--#shu1结束--> 



		<div class="shu1">

			<div class="tupiankuanjia">

				<form>

					<input type="file" multiple="multiple" id="file0" onchange="gga(this)"/>

				</form>

			</div> 

		</div>

		<!--#shu1结束--> 



		<div class="shu1">

			<div class="tupiankuanjia">

			</div>

		</div>

		<!--#shu1结束--> 



		<div class="shu1">

			<div class="tupiankuanjia">

			</div> 

		</div>

		<!--#shu1结束-->



	</div>

	<!--tupiankuanjiabh结束-->  



</body>

</html>

------解决方案--------------------
引用:
特别感谢上面的美女，明天给分
多问一个问题
像上面这样找出子节点中含有<input type="file" />的div.shu1的索引号
就是从祖先节点找子节点

你可以去熟悉index的用法 能实现某个元素在某个集合的什么位置

相关资料更多>

  1. jquery checkbox选中,该怎么解决
  2. Augment.js 替旧浏览器增加现代Javascript的功能支持
  3. MyEclipse8.6 自带匡扶替代spket插件，javascript 代码自动完成
  4. 求正则表达式验证 数字 或 减号的。 例如（ 2-02-202-20231）,该如何解决
  5. 运用Struts2+Gson+JQuery实现异步请求JSON对象
  6. JS中兑现时间任意格式化
  7. Extjs上ComboBox实现级联
  8. javascript中小数取整的步骤总结
  9. 问一个关于JS 跨域操作的有关问题