javascript - JQuery 复杂的选择器问题

Question

应该很容易。我在每个表格行中添加了一个按钮，用于从该行中的多个表格单元格中获取信息。

<tr>
  <td><img src='targetInfo' /></td>
  <td></td>
  <td>
    <div>CLICKED ELEMENT</div>
  </td>
</tr>

我希望:

this: $(this).closest('tr td:eq(0) img').attr('src'); 或

this: $(this).closest('tr>td:eq(0)>img').attr('src');

可以工作，但都不能正常工作。

目前我不得不使用下面的，这似乎不是最佳选择。我的选择器中缺少什么？

$(this).closest('tr').children('td:eq(0)').children('img').attr('src');

Answer 1

您当前的工作解决方案是最佳方法(或类似的方法，例如):

$(this).closest('tr').children('td:eq(0) > img').attr('src');

对于这个问题，您将无法避免必须爬上树然后再往下爬。有几种方法可以实现这一点，但不是在一个选择器中。