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

Question

这是我的DOM的一部分：

我想在des的点击事件div上使用类div触发对div的影响（这是一个奇怪的but}前一个偶div）

如何从des中选择but？

Answer 1

如果this是被点击的.but元素，那么很简单：

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

这确实假设没有其他元素，即.even和.odd元素是直接兄弟，并且.but和.des是立即的他们各自.even和.odd祖先的孩子。

效率较低，但保证与树中任意数量的其他（非匹配）元素一起使用将是：

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

Answer 2

这取决于你的标记。但是这样的事情应该有用：

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