在jQuery中为每个行链接

Question

我有一个结构

的表

<table>
  <tr>
    <td class="IDCol">
        Some data...
    </td>
    <td class="LinkCol">
        <a href="..">Link</a>
    </td>
    <!-- etc. -->
  </tr>
</table>

jQuery迭代器需要遍历所有链接并捕获左侧相应列IDCol中的相邻数据：

$('#myTable a[id^="linkIndex"]').off("click.linkIndex").on("click.linkIndex", function() {
   // here, need to get the corresponding "IDCol" contents for this link row
   var idContents = ...;
});

有一种简单的方法吗？

Answer 1

您的链接public function getFullActionName($delimiter='_') { return $this->getRequest()->getRequestedRouteName().$delimiter. $this->getRequest()->getRequestedControllerName().$delimiter. $this->getRequest()->getRequestedActionName(); } 已上课td。使用它来迭代每个链接并使用LinkCol函数获取以前td的文本，如下所示。

prev()

Answer 2

假设a[id^="linkIndex"]选择器正确，请尝试：

$('#myTable a[id^="linkIndex"]').off("click.linkIndex").on("click.linkIndex", function() {
   var idContents = $(this).closest("td").prev("td.IDCol").text(); // or maybe .html()
});