var rank = $(elem).parents().length // 获取元素等级
var sibling = $("body >* >* …… >*")// 获取同级元素,星号的数量应该等于 rank - 2
大概思路就是这样了,具体的还需要你自己研究研究。
jquery中同级元素即兄弟元素用siblings()获取,子级元素用children()获取,所以可以使用如下代码取同级元素的子级:
$('selector').siblings().children()示例代码:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
div{padding:10pxmargin:10px}
div.xiyouji{width:250pxheight:200pxborder:4px solid green}
div.sun-niu{border:4px solid red}
div.sun-niu div{border:2px solid blue}
</style>
<script>
$(function(){
$("div.sun-niu").click(function() {
nephew = $(this).siblings().children().text()
if(nephew)
option = nephew
else
option = "没有侄子"
alert(option)
})
})
</script>
</head>
<body>
<div class="xiyouji">
<div class="sun-niu">
孙悟空
</div>
<div class="sun-niu">
牛魔王
<div>红孩儿</div>
</div>
</div>
</body>
</html>
显示效果:
点击孙悟空后,就显示了同级的子级元素,也就是他侄子红孩儿。