javascript - 试图找出下一个 tr 按钮 fa 图标

Question

在一段 jQuery 代码之后，我试图获取<button>下一个元素内部的按钮图标，它告诉我图标是垃圾类型还是其他类型，因此在此基础上，我可以编写我的逻辑

像这样尝试：

$(this).parent().next().find('td').eq($(this).index()-1).closest('button').html();

但我收到此错误：

并试图找到下一个 tr 的价值

<td>
<button type="button"><i class="fa fa-trash"></i></button></td>

Answer 1

这是一个工作示例

$("button").on('click', function() {
  console.log("next: " + $(this).closest('tr').next().find('td button').html());
  console.log("prev: " + $(this).closest('tr').prev().find('td button').html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet" />
<table>
  <tbody>
    <tr>
      <td>
        <button type="button"><i class="fa fa-trash"></i></button>
      </td>
    </tr>
    <tr>
      <td>
        <button type="button"><i class="fa fa-trash"></i></button>
      </td>
    </tr>
  </tbody>
</table>