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

这是一个工作示例

＆＃13;

$("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());
});

＆＃13;

<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>

＆＃13;

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

1 个答案: