HTMLテーブルの日付の値を取得してJavaScriptに渡すにはどうすればよいですか？

Question

これは

while($row = mysqli_fetch_array($result)){ 
    echo 
     '<tr> 
      <td><center>'.$row['lname'].'</td> 
      <td><center>'.$row['outs'].'</td> 
      <td><center>'.$row['outw'].'</td> 
      <td><center>'.$row['OT'].' HR/HRS</td> 
      <td><center><input type="hidden" name="OT_date" value = "'.$row['OW'].'" id="'.$row['OW'].'" />"'.$row['OW'].'"</td> 
      <td><center><input type = "button" name="btnedit" value = "APPROVE" id ="'.$row["id"].'" class = "searchbutton btn-primary view_data"></center></td> 
      <td><center><input type = "button" name="btnapprove" value = "editortest" id ="'.$row["id"].'" class = "searchbutton btn-primary edit_data"></center></td> 
     </tr>'; 

これにはJavaScriptこれはモーダル

これで

$(document).on('click', '.edit_data', function(){ 
    var employee_id = $(this).attr("id"); 
    var hiddenId = $("input[name='OT_date']").attr('value'); 
    var $otdate = $(this).closest('tr').find('value'); 
      $.ajax({ 
        url:"fetch.php", 
        method:"post", 
        data:{employee_id:employee_id}, 
        dataType:"json", 
        success:function(data){ 
        $('#name').val(data.lname); 
        $('#overtime').val(data.OT); 
        $('#OT_date').val(hiddenId);   
        $('#employee_id').val(data.id); 
        $('#overtimeModal').modal('show'); 
       } 
      }); 
     }); // end of edit data function 

ですが、テーブル

あるテーブルで結果をフェッチ私のコードです私はeで対応する日付を取得したい私は正しいjobeed idを取得していますが、正しい日付ではありません。それは最初の日付を取得しているだけです。 私は新鮮な大学院生でありたいです。私のスキルを磨くのを助けてください。

Answer 1

私はあなたが得る日付が常にあなたが編集するレコードに関係なく同じであるという問題があると思います。

$(document).on('click', '.edit_data', function(){ 
    var employee_id = $(this).attr("id"); 
    var $row = $(this).closest("tr"); 
    var $otdate= $row.find("input[name=OT_date]").attr('value'); 
     $.ajax({ 
       url:"fetch.php", 
       method:"post", 
       data:{employee_id:employee_id}, 
       dataType:"json", 
       success:function(data){ 
       $('#name').val(data.lname); 
       $('#overtime').val(data.OT); 
       $('#OT_date').val($otdate);   
       $('#employee_id').val(data.id); 
       $('#overtimeModal').modal('show'); 
      } 
     }); 
}); 

私はあなたが本当に望むものをここで理解しようとしています。私の推測が正しいとあなたを助けることを願っています。 btw、あなたがそれを使用しているので、いつかjqueryのドキュメントを読んで過ごす。あなたの問題を見た方法は、jquery要素の選択の基本を知りませんでした。

Answer 2

各日付の動的クラスを<td>に入れてください。 PHPで

：

$class_counter = 0; 
while($row = mysqli_fetch_array($result)){ 
echo 
    "<tr> 
     <td class='td_dynamic_classname'".$class_counter."><center>".$row['whatever_date']."</td>" 
...."; 


//include a javascript in echo: 
echo "<script> 
    $('.td_dynamic_classname".$class_counter."').click(function(){ 
      // do something 
    }); 
    </script>"; 
$class_counter++;