Как выбрать элемент Specfi c из элементов Div с одинаковым идентификатором и классом при циклическом вводе в php для получения данных из базы данных, используя ajax jquery для получения значений

Question

Дело в том, что когда я получаю несколько списков при циклическом просмотре базы данных и пытаюсь получить их через ajax jquery, происходит то, что на входе (который я сохранил идентификатор этой строки) отображается только первая строка Идентификатор таблицы базы данных при извлечении данных из jquery ajax не приводит к получению разных данных из разных идентификаторов.
Во входных данных идентификатор выглядит иначе php, но если вы посмотрите на ajax код , приведенный ниже, он приносит только данные первого идентификатора.

Таким образом, чтобы поместить вещи в одну строку, вопрос будет:

Как выбрать Specifi c Значение элемента из элементов с одинаковым идентификатором и классом?

, поэтому оно может принести разные данные

Надеюсь, вы понимаете вопрос, и если вы не ответили, пожалуйста, ответьте.

PHP КОД ЗАКРЫТИЯ

<?php
   $chat = mysqli_query($usrs,"SELECT * FROM chat WHERE uid ='".$_SESSION['user_id']."'");
   $join = mysqli_query($usrs,"SELECT * FROM users join chat on users.id = chat.from_uid WHERE users.id = chat.from_uid");
   // $chat2 = mysqli_query($usrs,"SELECT * FROM chat WHERE from_uid ='".$_SESSION['user_id']."'");
   $_SESSION['counted'] = mysqli_num_rows($chat);
   while ($receve = mysqli_fetch_assoc($chat)) {
      if ($sender = mysqli_fetch_assoc($join)) {

      ?>
      <li>
         <a id="atag-ul-li-a" href="#ex1" rel="modal:open" style="color: black;background:white!important;" ><?=strtoupper(substr($receve['msg'],0,5))?>... <br><span style="color: #58ba2b">FROM <?=$sender['username']?></span>
            <input type="show" id="btn-id" value="<?=$receve['id']?>" name="">
         </a><hr>
      </li>

      <?php
      }
   }
?>

AJAX КОД

<script type="text/javascript">
                        $(document).ready(function(){
                            $("#atag-ul-li-a").click(function(){
                                var id = $('#btn-id').val();
                                $.ajax({
                                    url:'classes/ajax.php',
                                    method:'post',
                                    data:{id:id},
                                    success:function(data){
                                        $(".fadeoutin").empty();
                                        $("#modaljquery").html(data);
                                    }
                                });
                            });
                        });
                    </script>

AJAX ФАЙЛ PHP КОД

    <?php
session_start();
if (isset($_SESSION['user_id'])) {

    $local = mysqli_connect("localhost","root","","job_portal");
    $l_query = mysqli_query($local,"SELECT * FROM chat WHERE id ='".$_POST['id']."'");
    if($ftajax =mysqli_fetch_assoc($l_query)){
    $l_qry = mysqli_query($local,"SELECT * FROM users WHERE id ='".$ftajax['from_uid']."'");
    if($ftajax2 =mysqli_fetch_assoc($l_qry)){

    ?>
        <!-- <div id="modaljquery"> -->
            <div id="ex1" class="modal">
                <h4>Message <?=$_POST['id']?></h4><hr>
              <p><?=$ftajax['msg']?> <br><small style="color:#58ba2b">- From <?=$ftajax2['username']?></small></p>
              <hr>
              <a href="#" rel="modal:close" style="background: black;padding: 10px;border-radius: 10px;color: white!important">Close</a>
            </div>
        <!-- </div> -->
    <?php

    }
    }
}

?>