javascript - 在 jQuery 中选择 parent 的下一个 sibling 的 child

Question

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

我想在 div 类的点击事件上触发对类 des 的 div 的影响(在奇数 div 中) but(在前偶数div中)

如何从 but 中选择 des？

Answer 1

通常，如果 this 是被点击的 .but 元素:

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

这确实假设没有其他元素挡在路上，即 .even 和 .odd 元素是直接兄弟，而 .but 和 .des 是它们各自的 .even 和 .odd 祖先的直接子代。

效率较低，但保证可以处理树中任意数量的附加(非匹配)元素:

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