javascript - 单击php中的图像时如何获取表列的ID？

Question

当有人单击图像时，我想获取存储图像在 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;   
?>

Answer 1

首先，您需要将该 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;   
?>

然后你用jquery获取那个id

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

Answer 2

尝试将 jquery 的 data() 方法设置为图像标签->参见此处

从服务器端返回这个以及图像标签

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