Question

jquery选择父元素同辈元素的子元素怎么选？

怎么实现鼠标移过去显示子菜单，移出后子菜单消失？
<div class="personal look-more"> <a class="youke-name" href="#"><img src="images/mm.jpg" width="15" height="15" />游顺斌<i class="icon-after icon"></i></a> <ul> <li><a href="#">个人中心</a></li> <li><a href="#">账号设置</a></li> <li><a href="#">我的订单</a></li> <li><a href="#">我的积分</a></li> <li><a href="#">邀请好友</a></li> <li><a href="#">退出</a></li> </ul> </div> <div class="messages look-more"> <a class="xiaoxi-zhongxin" href="#">消息中心<i class="icon icon-after"></i></a> <ul> <li><a href="#">查看评论</a></li> <li><a href="#">查看私信</a></li> <li><a href="#">查看通知</a></li> </ul> </div>

Answer 1

如果是针对某一个父元素同辈元素的子元素，例如class='aaa'的同辈元素
$(this).parent().siblings('.aaa').children();
这个选择结果就是class='aaa'的父级同辈元素的所有孩子
如果是针对所有父元素同辈元素的子元素
$(this).parent().siblings().children();
这个选择结果就是父元素同辈元素的所有孩子

Answer 2

.parent().siblings().find()
.parent()//父元素
.siblings()//同辈元素
.find()//子元素
列子：$('.personal look-more ul li:eq(0)').parent('ul').siblings('a').find('img')
选择的是： 样式为personal look-more 里面<ul>的第一个<li>的父元素<ul>的兄弟元素<a>的子元素<img>