Javascript 在php中单击图像时如何获取表列的id？

当有人单击图像时，我想获取存储在mysql数据库中图像的列的id，并使用它在不同的div中显示其他数据。但我不知道如何做到这一点

以下是我的php代码：

<?php

$blog= mysqli_query($con,"SELECT * FROM blog");
while ($row = mysqli_fetch_array($blog)):
$id=$row['blog_id'];
$tit=$row['title'];
$img=$row['image'];
$cont=$row['content'];

?>

    <div id="all_blog">
   <img src="<?php echo $img ?>"  height="150" width="200" id="blog_img"/>
    </div>

    <?
endwhile;   
?>

“height=“150”width=“200”id=“blog\u img”/

尝试将jquery的data（）方法设置为图像标记->

从服务器端连同图像标签一起返回

 $('selector').data('col_name','xyz'); 

---

首先，您需要将该id写入某个地方，可以是img标记，也可以是div标记

<?php
$blog= mysqli_query($con,"SELECT * FROM blog");
while ($row = mysqli_fetch_array($blog)):
$id=$row['blog_id'];
$tit=$row['title'];
$img=$row['image'];
$cont=$row['content'];
?>

<div id="<?php echo $id; ?>">
   <img src="<?php echo $img ?>"  height="150" width="200" id="blog_img" class="blogImage" />
</div>

<?
endwhile;   
?>

<script>
$(".blogImage").click(function() {
    var blogId = $(this).parent().attr("id");
    // then do something with that id
});
</script>