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（），其中“topic”类使用文本“hello world”从td调用？

Answer 1

您可以使用closest遍历DOM

$("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/

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

2 个答案: