javascript - 脚本仅返回从 php 中的数据库中获取的第一个值的 id

Question

<?php 

    include "connection.php";
    $query="select n_id,title,news from news ";
    $queryr=$con->query($query);
    while($row=$queryr->fetch_assoc())
    {
    ?>

<?php echo $row['title'];?>
<a href="#" id="readmore">... Read More</a>
<input type="hidden" id="idd" name="idd" value="<?php echo $row['n_id'];?>" >
<?php } ?> 

这是我从数据库中检索值的 PHP 代码。我想提醒每一行的 id 。下面是我的脚本:

<script>
    $(document).ready(function(){

      $("#readmore").click(function(){
         var id=$("#idd").val();
          alert(id);

    });

    });
</script>

目前我只能获取从数据库中获取的第一个值的 ID。其余值怎么可能？提前致谢。

Answer 1

使用class 选择器代替id。 id 应该是唯一的。多个元素不能有相同的 id。在这种情况下，class 将完美运行。

<a href="#" class="readmore">... Read More</a>
<input type="hidden" class="idd" name="idd" value="<?php echo $row['n_id'];?>" >

$(".readmore").click(function(e){
    e.preventDefault(); // Only if you dont want it to reload
    var id=$(this).next('.idd').val();
    alert(id);
});

FIDDLE