Показывать элементы указанной c строки таблицы при нажатии кнопки внутри этой строки таблицы

Question

У меня есть база данных с путями к папкам в индексе. php. Затем пользователь выбирает один или несколько путей для запуска, которые затем запрашиваются для поиска. php. Каждая строка имеет свою уважаемую кнопку, при нажатии на кнопку путь отправляется ряду функций (ajax. php, ajax2. php, ajax3. php), и в конце сохраняется отчет. в папке. pdf_report. php должен затем отображать отчет внутри строки.

Моя проблема в том, что при нажатии любой кнопки отчет всегда отображается в первой строке, а не в строке, на которой щелкнули. Вот мой код:

поиск. php

      <?php
        ...
        while($row = $result->fetch_assoc()){
            $field1name = $row["test_id"];
            $field2name = $row["path"];
            $field3name = $row["video1_path"];
            $field4name = $row["video2_path"];
            $field5name = $row["video3_path"];
            $field6name = $row["video4_path"];

          echo "<tr>
                  <td> ".$field1name." </td>
                  <td> ".$field2name." </td>
                  <td> ".$field3name." </td>
                  <td> ".$field4name." </td>
                  <td> ".$field5name." </td>
                  <td> ".$field6name." </td>

                  <td><div>
                        <button class='edit' id='" . $row['test_id'] . "'>Run</button>
                      </div></td>


                  <td><div id='result'>
                    <p></p>
                  </div></td>

                </tr>";
        }
      }else {
        echo '<span style="color:#ff0000;text-align:center;">No Test ID Selected!</span>';
      }
    }


    // Close connection
    mysqli_close($conn);
  ?>
  </table>
</div><br>

<div style="overflow-x:auto;">
<table id=test_data>
  <tr>
    <th>Progress</th>
    <th>Progress Status</th>
  </tr>
  <tr>
    <td><div><progress id='progBar' value='0' max='100'></progress></div></td>
    <td><div><p id='progress-text'></p></div></td>
  </tr>
</table>
</div>


<!--Uses jquery to run 3 scripts and displays it in a progress bar-->
<script>
$(document).on('click', '.edit', function(){
  //set cookie value to 'path'
  var fcookie='mycookie';
  var test_id = $(this).attr('id');
  if(test_id) {
    var path = $(this).closest('tr').find("td:nth-child(2)").text()};

  document.cookie='fcookie='+path;

    //Start of 1st script
      $.ajax({
        url: "ajax.php",
        type:"POST",
        success: function(data) {
          //alert("File 1 Completed")

            $("#progress-text").text("Executing file 1");
            $('#progBar').val(25);

            //Start of 2nd script
            $.ajax({
              url: "ajax2.php",
              type:"POST",
                success: function(data2) {
                  //alert("File 2 Completed")
                  $("#progress-text").text("Executing file 2");
                  $('#progBar').val(50);

                  //Start of 3rd script
                  $.ajax({
                    url: "ajax3.php",
                    type:"POST",
                      success: function(data2) {
                        //alert("File 2 Completed")
                         $("#progress-text").text("Complete");
                         $('#progBar').val(100);


                        //Loads the report
                         $("#result").load("pdf_report.php");

                      }
                  })
                }
            })
          }
    })
    return false;
   //});
});



</script>

Я новичок в php и jquery. Заранее спасибо

Answer 1

Можно попробовать изменить:

//Loads the report
$("#result").load("pdf_report.php");

По:

//Loads the report
$(this).closest('tr').find("td:nth-child(8) div").load("pdf_report.php");