【问题标题】:Get <td> cell value using jQuery without specifying specific class or id使用 jQuery 获取 <td> 单元格值而不指定特定的类或 id
【发布时间】:2018-06-16 01:21:33
【问题描述】:

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

当我单击 EDIT 按钮时,如何使用 jQuery 获取特定行的表数据,而不必为每个 &lt;td&gt;&lt;tr&gt; 分配特定的类或 ID?

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

更新:

我已经设法获得以下以获取最近的&lt;td&gt;中的值

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

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

【问题讨论】:

    标签: ruby html-table sinatra erb


    【解决方案1】:

    jquery .closest() ,检查API https://api.jquery.com/closest/

    【讨论】:

    • 谢谢。我已经设法使用以下方法获得最近的 $('.editbutton').click(function(e) { var output = $(this).closest('tr').find('.as').text(); alert(output); }); 但我需要行中的两个 。我怎样才能得到两个不只是最接近的一个?
    • @Mohammad 使用child selector
    • @Mohammad 请将其标记为已回答。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签