gpt4 book ai didi

javascript - 如何在 jquery 中使用 php while 循环中生成的唯一 ID

转载 作者:行者123 更新时间:2023-11-29 21:37:54 25 4
gpt4 key购买 nike

有人可以帮我解决这个问题吗?我使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com