不好意思請問一下 我打算此用ajax撈取資料庫資料但是選id的部分在每一分頁都只會得到第一筆的的按鈕會有效果
想請問一下問題出在哪裡

<script type="text/javascript">
    $(document).ready(function() {
      $('#show').on("click",function() {
          //idnum=$('#idnum').text();
       $.ajax({
          url:"show.php",
          type:"POST",
          data:{  idnum: $('#idnum').text()},
          error:function(xhr) {
              alert('Ajax request fails');
          },
          success:function (res) {
            alert(res);
          }
        })
      })
    })
    </script>
    //分頁部分
$sql="select * from board where email='$email' order by time DESC limit $start,$per";
      $res=$conn->query($sql);
      
        <?php
              while ($row=mysqli_fetch_array($res)) {
                $time=$row['time'];
                $title=$row['title'];
                $article=$row['article'];
                $id=$row['id'];
            ?>
                <thead>
                  <tr>
                    <th scope="col" id="idnum" name="idnum" > <?php echo $id; ?></th>
                    <th scope="col"> <?php echo $time; ?></th>
                    <th scope="col"> <?php echo $title; ?></th>
                    <th scope="col id="<?php  echo $article;?>""> <?php echo $article; ?></th>
                    <th scope="col"> <button class="btn btn-primary pull-right" type="button" data-toggle="modal" id="show" name="show"  data-target="#myModal">修改</button></th>
                  </tr>
                </thead>
          <?php  }?>
          </table>
          
          //資料庫部分
          $id=$_POST['idnum'];
$email=$_SESSION['username'];



$sql="select * from board where email='$email' and id='$id'";
$res=$conn->query($sql);
while ($row=mysqli_fetch_array($res)) {
  $article=$row['article'];
  echo $article;
}

後來用大大的方法加上ajax從資料庫撈資料成功了 謝謝

但我想請問一下我在js開頭加入$(document).ready 都只會抓到第一筆的id，刪掉後就正常了是因為他在一開始就生成了所以動態表格沒辦法這樣去抓各項的id嗎?

格式：

 $(document).ready(function(){
     //Init
 });

$(document).ready 是一開始生成的用法，對的
我在你的文章裏面沒有看到有寫到這個用法 還是你要稍微貼給我看
ajax撈出來的資料 就要用javascript 的方式放資料
撈出來資料看一夏success: function (data) {}的data資料
console.log(data);

$.ajax({
    type:"POST",//"GET"
    url:'abc.php',
    data:{
    'id':'1',
    },success:function(data){
        console.log(data);
        //格式可能會是長這樣
        //[0]:{
        //  'id':1,
        //  'title':'aaa',
        //   }
        //[1]:{
        //  'id':2,
        //  'title':'bbb',
        //  }
        console.log(data[0].id);//1
        console.log(data[1].title);//bbb
        for(var i = 0 ; i< data.length;i++){
            console.log(data[i].id);
            //alert(data[i].id);
        }
    }
});

console.log 結果要按f12裡面的Console才看得到

我的表格是用php動態做出來的 所以我想問的是在js前面加上

$(document).ready(function(){
     //Init
 });

button選取都只會抓到頁面第一筆的id內容
刪掉上面那段就正常了

<td scope="col"><buttontype="button"  onclick="show(<?php echo $id;?>,'<?php echo $title;?>','<?php echo $time;?>')">修改</button></td>

這個是我文章從資料庫撈出內容顯示更改的

//抓取表格內容
function show(i,t,tm) {
  $.ajax({
     url:"showart.php",
     type:"POST",
     data:{  idnum:i},
     error:function(xhr) {
         alert('Ajax reques fails');
     },
     success:function (res) {

       $("#article").val(res);
       $("#id_num").attr("num",i);
       $("#id_num").text("標題："+t+"／最後更新時間："+tm+"。");
      // return i;
     }
   })
   //ajax
 }
//另外一個更新內容的程式碼
function fix() {
    article=$("#article").val();
    idnum=$("#id_num").attr("num");

    //alert($("#id_num").attr("num"));
    $.ajax({
      url:"update.php",
      type:"POST",
      data:{
        article:article,
        idnum:idnum
      },
      error:function(xhr) {
          alert('Ajax request fails');
      },
      success:function (res) {
        if(res=="ok"){
        alert("發布成功");
        }else {
        alert("失敗");
        }
      }
    })
}

另外想問一下為甚麼我使用jquery的方式完全沒有效果上面javascript的就可以?
使用下面這段時我的html有改成

<td scope="col"><buttontype="button" id="show" i="<?php echo $id;?> ">修改</button></td>

 $('#show').on("click",function(i) {
    $.ajax({
      url:"showart.php",
      type:"POST",
      data:{  idnum:i},
      error:function(xhr) {
          alert('Ajax request fails');
      },
      success:function (res) {
         alert(i);

      // return i;
      }
    })
  })