Получить идентификатор из строки таблицы в AJAX, нажав кнопку

Question

Я пытаюсь получить значение (id) из моей строки в таблице.Это моя строка

 echo "<td>" . $row['id'] . "</td>";

Есть моя кнопка для удаления

<button type='button' id='btn-delete' class='btn btn-xs btn-danger btn-delete' style='margin-left: 15px;'><i class='ti-trash'></i>

, и есть Jquery / Ajax

$(document).on('click', '#btn-delete', function(){
   var id = $(this).attr("id");
   if(confirm("Are you sure you want to remove this?"))
   {
    $.ajax({
     url:"delete_record.php",
     method:"POST",
     data:{id:id},
     success:function(data){
      $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
      location.reload();
     }
    });
    setInterval(function(){
     $('#alert_message').html('');
    }, 5000);
   }
  });

в моем id Я получил"btn-delete" вместо этого, например, 1, когда я выбираю первую строку, или 2, когда вторая.

Я хочу опубликовать идентификатор в моем php-файле, где я удаляю запись из БД

Редактировать:Строки таблицы

while($row = mysqli_fetch_array($result))
                        {
                        echo "<tr>";
                        echo "<td id=".$row['id'].">" . $row['id'] . "</td>";
                        echo "<td>" . $row['email'] . "</td>";
                        echo "<td>" . $row['pswd'] . "</td>";
                        echo "<td>
                        <button type='button' class='btn btn-xs btn-success btn-edit' data-toggle='modal' data-target='#editModal'><i class='ti-pencil'></i>
                        <button type='button' id='btn-delete' class='btn btn-xs btn-danger' style='margin-left: 15px;'><i class='ti-trash'></i>
                        </td>";
                        echo "</tr>";
                        }

Answer 1

В вашем случае $(this) - это ваша фактическая кнопка.Вот почему вы получаете «btn-delete», когда запрашиваете идентификатор.

Что вы можете сделать, если у вас есть одна кнопка для каждой строки, - это применить атрибут данных html к кнопке, аналогичной <button data-id=".$row['id']."></button>.

Затем нажмите кнопку, чтобы получить значение этого атрибута данных, которое вы можете написать

id = $(this).data("id")

Answer 2

Если вы пытаетесь получить $(this).attr("id"), вам нужно сначала установить этот идентификатор из PHP.В настоящее время вы не устанавливаете его в echo "<td>" . $row['id'] . "</td>";

Вы должны установить этот идентификатор явно.

echo "<td id=".$row['id'].">" . $row['id'] . "</td>";