Jquery datatable как получить родительские данные от дочернего

#javascript #jquery #datatables

Вопрос:

У меня есть jquery данные о чем-то подобном

когда я нажимаю значок «Плюс», он покажет 2 кнопки «возможности» и «возмещение», что я хочу, когда я нажимаю кнопку «Возможности», я хочу получить родительскую строку, в которой указаны имя, все и т. Д. Возможно ли это? Я попробовал несколько методов, но они не работают.

То, что я пытался, это

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

Но я получаю html-dom.

Кажется, я почти понял, но мне нужна помощь. Спасибо

1. почему изображение не отображается? Я добавил изображение для иллюстрации

2. Я не вижу set Capabilities кнопки в html. Можете ли вы предоставить это?

3. это на картинке, сэр. вы можете это видеть? потому что я не могу, когда я отправил вопрос

4. Я не вижу никакого button элемента в предоставленных вами HTML-изображениях. Я что-то упускаю?

5. html, который я опубликовал, является результатом console.log(prevtr) , и я думаю, что он не включает кнопку, так как это дочерняя строка?

Ответ №1:

Это то, чего ты хочешь? Я консоль.журнал(имя) для результата.

Пример ниже

 $("#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>