有人可以帮我解决这个问题吗？我使用 while 循环从 MySQL 数据库生成了一些具有唯一 ID 的数据。
while ($row = mysql_fetch_array($query)){
echo'<tr>
<td><img src="expand.png" id="$row['id']"></td>
<td>'.$row['name'].'
<div id="'.$row['id'].'_Expanded">
//some data regarding the selected id need to be displayed here
</div>
</td>
</tr>';
}
我希望 div 在页面加载时隐藏，但是当我单击图像时，只有与 id 相关的单个 div 应该在 JQuery 中展开。
有人可以帮我检索要在 JQuery 中使用的各个 ID。谢谢!
最佳答案
看一下这个例子:(我通过 foreach 一个数组硬编码了你的 mysql 获取循环)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<style type="text/css">
.expandable{
display: none;
}
</style>
<script type="text/javascript">
$(function(){ // onload
$('.expandableContainer img').click(function(){
$('#'+this.id+'_Expanded').toggle();
});
});
</script>
</head>
<body>
<table>
<?php
$data = [
['id' => 1, 'name' => 1],
['id' => 2, 'name' => 2],
['id' => 3, 'name' => 3],
['id' => 4, 'name' => 4],
];
foreach ($data as $row){?>
<tr class="expandableContainer">
<td><img src="expand.png" id="<?php echo $row['id']; ?>"></td>
<td><?php echo $row['name']; ?>
<div id="<?php echo $row['id']; ?>_Expanded">
//some data regarding the selected id need to be displayed here
</div>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>
关于javascript - 如何在 jquery 中使用 php while 循环中生成的唯一 ID，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34769090/