私のjqueryは私のPHP whileループでは機能していません

Question

私のPHP whileループでJavaScriptを実行しようとしていますが、動作していません。 idチェック付きのボタンをクリックすると、そして、idの変更にボタンを表示しますが、その動作していない この私のコード

<?php 
$s = mysqli_query($conn, "SELECT * FROM test"); 
while($d = mysqli_fetch_array($s)) 
{ 
    $id = $d['id']; 
    echo '  
     <button id="check'.$id.'" onclick="respond('.$n.');">check'.$id.'</button><br> 
     <button id="change'.$id.'" style="display:none;">change'.$id.'</button> 
    '; 
} 
?> 
<script> 
    function respond(username) 
    { 
     $("#check'"+<?php echo $id; ?>"'").hide(); 
     $("#change'"+<?php echo $id; ?>"'").show(); 
     $.post("ana.php", 
     { 
      username:username 
     }); 
    } 
</script> 

Answer 1

はjqueryのclick機能を使用して、選択した行を識別するためにはJavaScriptのthisを使用しています。 1つの静的な値を変更して、同じことをする複数の関数を持つべきではありません。 nは、要素の値としてあり、それに私はあなたのidを取得しています同じように得るものは何でも

<?php 
$s = mysqli_query($conn, "SELECT * FROM test"); 
while($d = mysqli_fetch_array($s)) 
{ 
    $id = $d['id']; 
    echo '<button class="respond" id="check'.$id.'">check'.$id.'</button><br> 
     <button id="change'.$id.'" style="display:none;">change'.$id.'</button>'; 
} 
?> 
<script> 
    $('.respond').click(function() { 
     var id = $(this).attr('id').replace('check', ''); 
     $("#check" + id).hide(); 
     $("#change" + id).show(); 
     $.post("ana.php", {username:username}); 
    }); 
</script> 

ストア：ここで私はあなたの問題のほとんどを解決すると思うラフな実装です。