如何使用 jquery 在 table 中获取祖父文本

Question

我在访问 table 中关于祖父 td 的文本时遇到了一些问题。

当我点击删除时，我希望我的函数访问祖父文本："fabien" 但我收到的所有内容都是未定义的。

这是我的 HTML:

<table class="table table-striped">
 <thead>
  <tr>
      <td>Name</td> 
      <td>Delete</td>
  </tr>
</thead>    
<tbody id="tabSelectUser">
      <tr>
         <td> fabien </td>
         <td><a onclick="javascript:aButtonPressed();"> delete</a></td>
      </tr>                                                                                </tbody>                                            
</table>

这是我的职能：

<script type="text/javascript">
        function aButtonPressed(){
            var prevCell = $(this).parent().prev().text();
            console.log(prevCell);
</script>

Answer 1

使用Jquery绑定点击事件，那么你的$(this)就可以了

    <table class="table table-striped">
 <thead>
  <tr>
      <td>Name</td> 
      <td>Delete</td>
  </tr>
</thead>    
<tbody id="tabSelectUser">
      <tr>
         <td> fabien </td>
         <td><a href="#" class="deleteBtn"> delete</a></td>
      </tr>                                                                                </tbody>                                            
</table>

Javascript:

$(function() {
    $('.deleteBtn').click(aButtonPressed);
});

function aButtonPressed(){
    var prevCell = $(this).parent().prev().text();
    console.log(prevCell);
}

Answer 2

$(".childclass").parents("eq(numberofnthparent)").text();

如何使用 jquery 在 table 中获取祖父文本

How get grand parent text in a table with jquery

javascript

jquery

html-table

parent