我的Ajax代码只从Mysql数据库行获取一行的值

Question

create table comment(id int not null auto_increment primary key, comment text);

$result = mysqli_query($con, "select * from comment order by id desc");

while($rows = mysqli_fetch_assoc($result)) {
    $main_id = $rows["id"];
    $comment = $rows["comment"];

    echo "<input type='hidden' id='main_id' value=\"$main_id\"/>";
    echo "<input type='hidden' id='comment' value=\"$comment\"/>";
    echo "<div id='edit_field'><p>$comment</p></div>" . "\n";
    echo "<a href='#' id='edit'> edit</a>" . "\n";
}


$(document).ready(function() {

  $('#edit').click(function() {

      var id = $('#main_id').val();
      var comment = $('#comment').val();
      var varData = 'id='+id+'&comment='+comment;

      $.ajax ({

        type: "POST",
        url: "edit_field.php",
        data: varData,
        success: function(data) {
        $("#edit_field").html(data);
       }
      });
}); 


require_once('lib/functions.php');

$con = connect();

$result = mysqli_query($con, "select * from comment where id = $_POST[id]");

while($rows = mysqli_fetch_assoc($result)) {

  $id = $rows["id"];

  $comment = $rows["comment"];

  echo "<textarea cols='40' name='comment' rows='4'>$comment</textarea>";
}

Answer 1

while($rows = mysqli_fetch_assoc($result)) {
    $main_id = $rows["id"];
    $comment = $rows["comment"];

    echo "<input type='hidden' class='main_id' id='main_id_$main_id' value=\"$main_id\"/>";
    echo "<input type='hidden' class='comment' id='comment_$main_id' value=\"$comment\"/>";
    echo "<div class='edit_field'><p>$comment</p></div>" . "\n";
    echo "<a href='#' class='edit' id='edit_$main_id'> edit</a>" . "\n";
}


$(document).ready(function() {

  $('.edit').click(function() {
      var lnk = $(this);
      var rowId = lnk.attr('id');
      var rowIdParts = rowId.split('_');

      var id = rowIdParts[1];
      var comment = $('#comment_'+id).val();
      var varData = 'id='+id+'&comment='+comment;

      $.ajax ({

        type: "POST",
        url: "edit_field.php",
        data: varData,
        success: function(data) {
        $("#edit_field").html(data);
       }
      });
});