当表格单元格包含多个tr和td时,仅返回一个值

时间:2017-10-10 03:22:56

标签: javascript jquery html-table

我有一个带有多个tr和td元素的较小的表,它是较大的表bgtable的一部分。当我点击那个较小的表时,我有一个锚标记重定向到某个页面(必须点击较小的表) )。现在我在这个表上的onclick事件将Data1,Data2和Data3一起返回。如何只捕获Data3总是使用Jquery的最后一个td数据? 我的下面的代码返回我不想要的所有td数据。

所以

<a href="www.example.com">
  <table>
    <tr>
      <td> Data1 </td>
    </tr>
    <tr>
      <td> Data2 </td>
    </tr>
    <tr>
      <td> Data3 </td>
    </tr>
  </table>
</a>

然后我的JQ:

$(document).ready(function() {
  $(".bgtable td").on("click", function() {
    console.log($(this).text());
  });
});

注意:我无法更改我的onclick但我必须得到“Data3”。试过($("td:last".text() )。没有帮助,什么都不返回

1 个答案:

答案 0 :(得分:0)

好的......最后它正在使用以下内容:

$(this).find("td:last").text() ; 

有人知道如何在最后一个元素之前获得一个元素吗?