jquery - jquery在单独的行中获取上一个列类

Question

我有一个类似的表（我在这里创建了一个更简单的示例）：

<table>
  <tr>
    <td colspan="4" class="topic">Topic Name</td>
  </tr>
  <tr>
    <td><a href="#">link</a></td>
    <td><a href="#">link</a></td>
    <td><a href="#">link</a></td>
    <td><a href="#">link</a></td>
  </tr>
  <tr>
    <td><a href="#">link</a></td>
    <td><a href="#">link</a></td>
    <td><a href="#">hello world</a></td>
    <td><a href="#">link</a></td>
  </tr>
</table>

这是一个三行四列的示例表。我使用什么 jQuery 代码来获取第一个 td 中的 text() 类“主题”从 td 调用，文本为“hello world”？

Answer 1

您可以使用closestDOM 向上遍历

$("td").on("click", function(){
    $(this).closest("table").find("td.topic").first().text()
});

Answer 2

$('table td').on('eventName', function(){
    var topic = $(this).closest('tr')
                       .prevAll('tr:has(td.topic)')
                       .first()
                       .text();
});

http://jsfiddle.net/7Y5fN/