Jquery datatable如何从孩子那里获取父数据答案

【问题标题】：Jquery datatable how to get parent data from childJquery datatable如何从孩子那里获取父数据
【发布时间】：2021-07-02 09:34:47
【问题描述】：

我有一个类似这样的jquery 数据表

当我单击加号图标时，它将显示 2 个按钮的功能和报销，我想要的是当我单击功能按钮时，我想获取父行，它们是名称、全部等。这可能吗？试了好几种方法都不行。

我尝试的是

    function set_credentials(el) {
        var tr = $(el).closest('tr').parents('tr'); 
        var prevtr = tr.prev('tr')[0]; 
        console.log(prevtr)

但我得到了 html dom。

我想我几乎明白了，但我需要一些帮助。谢谢

【问题讨论】：

为什么图片不显示？我为插图添加了图片
我在 html 中看不到 set Capabilities 按钮。你能提供这个吗？
它在图像中先生。你可以看到？因为当我发布问题时我不能
我在您提供的 HTML 图片中看不到任何 button 元素。我错过了什么吗？
我发布的 html 是 console.log(prevtr) 的结果，我认为它不包括按钮，因为它是子行？

标签： javascript jquery datatables

【解决方案1】：

这是你想要的吗？我 console.log(name) 获取结果。

以下示例

$("#example").on("click", set_credentials);

function set_credentials(event) {
  if (event.target.tagName === "BUTTON") {
    var tr = $(event.target).closest("tr");
    var prevtr = tr.prev();
    var name = prevtr.find("td.mws_name").text();
    console.log(name);
  }
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <title>Document</title>
  </head>
  <body>
    <div>
      <table id="example">
        <thead>
          <th>name</th>
          <th>date</th>
          <th>button</th>
        </thead>
        <tbody>
          <tr>
            <td class="mws_name">joe</td>
            <td>2011-1-1</td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
            <td><button>set</button></td>
          </tr>
          <tr>
            <td class="mws_name">Sam</td>
            <td>2011-5-1</td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
            <td><button>set</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>

【讨论】：

@draw134，不用担心。我很乐意提供帮助！