jQuery 选择 : traversing up, 然后返回

Question

我正在努力解决如何使用 jQuery 选择特定元素。此处概述的条件:

• 在我的函数中的相关点，this 引用了一个span。
• 该 span 可能是子级、孙级或曾孙级，但在层次结构中的某个位置，它由 td 包含。
• 我想选择 td 内的最后一个 span。
• span 可能是这个，也可能是另一个span。
• 要选择的 span 标记是包含 td 的直接子标记，因此 last-child 是可行的。但是，为了将来的灵 active ，首选不假定它是直接子级的解决方案。

到目前为止，我使用它来选择正确的父元素:

$(this).parents('td')

我不知道如何遍历 DOM 树以获取所选 td 内的最终 span。谢谢!

编辑

根据我下面的评论，也可以从 span 或 div 中进行选择，以最后一个为准。

Answer 1

$(this).parents('td').children('span:last');

应该可以解决问题。

编辑

我没有注意到你不仅希望与直系子女打交道。如果您想要所有后代，那么您将使用

$(this).parents('td').find('span:last')

我假设 span 始终是 td 的子级。

最终编辑

为了后代(并且为了让人们将来更容易找到这个答案)，由于这已经被接受为答案，Ben 在他的答案中提出了一个更优雅的解决方案，我将把它放在这里:

$(this).closest('td').find('div,span').filter(':last')

正如 Ben 所说，您必须使用 JQuery 1.3 才能让 closest() 工作。干得好! :-)