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

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

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

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. 关于js控制变色有关问题
  2. 动态改变 生成超链接 用 innerHtml是否可以?该怎么解决
  3. jQueryUI dialog 界面关闭按钮如何在左下方
  4. Extjs4 grid查询框中的textfield取不到值，求指教解决办法
  5. 关于向下滑动的有关问题
  6. [连载]JavaScript讲义（06）- 浏览器对象模型
  7. JavaScript惯用
  8. jquery 处理多个同名input赋值的有关问题
  9. python中json格式数据输出实现模式