Question

我在Sinatra中使用ERB模板来显示数据表。

当我点击“编辑”按钮而不必为每个<td>或<tr>分配特定的类或ID时，如何使用jQuery获取特定行的表数据？

<table>
  <tr>
    <td>question</td>
    <td>answer</td>
    <td>edit</td>
  </tr>
  <tr>
    <td>What is a carrot?</td>
    <td>A vegetable</td>
    <td>
      <a id="editbutton" class="btn btn-default" onclick="editModal()" data-toggle="modal" data-target="#basicModal4" aria-hidden="true" name="btn"  data-modal-type="confirm"><em class="fa fa-pencil"></em></a>
    </td>
  </tr>
  <tr>
    <td>What does HTML stand for?</td>
    <td>Hyper Text Markup Language</td>
    <td>
      <a id="editbutton" class="btn btn-default" onclick="editModal()" data-toggle="modal" data-target="#basicModal4" aria-hidden="true" name="btn"  data-modal-type="confirm"><em class="fa fa-pencil"></em></a>
    </td>
  </tr>
</table>

更新：

我设法获得以下内容以获取最近的<td>

中的值

$('.editbutton').click(function(e) {
    var output = $(this).closest('tr').find('.as').text();
    alert(output);
  });

但我需要该行中两个表数据单元格的值。有什么想法吗？

Answer 1

Jquery .closest()，请检查API https://api.jquery.com/closest/

使用jQuery获取单元格值，而无需指定特定的类或ID

1 个答案: