在jQuery中选择父母的下一个兄弟姐妹的孩子

【问题标题】：Selecting parent's next sibling's children in jQuery在jQuery中选择父母的下一个兄弟姐妹的孩子
【发布时间】：2015-03-24 07:50:11
【问题描述】：

这是我的 DOM 的一部分的插图：

我想在div 类but 的点击事件上触发一个类des 的div 的效果（这是一个奇怪的div）（这是以前的偶数div）

如何从but 中选择des？

【问题讨论】：

【解决方案1】：

简单地说，如果this 是被点击的.but 元素：

$(this).parent().next().children('.des')

这确实假设没有其他元素阻碍，即.even 和.odd 元素是直接兄弟，.but 和.des 是它们各自.even 和.odd祖先。

效率较低，但保证可以使用树中任意数量的附加（不匹配）元素：

$(this).closest('.even').nextAll('.odd').first().find('.des')

【讨论】：

【解决方案2】：

这取决于您的标记。不过，这样的事情应该可以工作：

$('.but').on('click', function () {
  $(this).closest('.even').next().find('.des');
});

【讨论】：