[英]How to select a div based on its content in database?
站点图像基本上我有一个站点,它从数据库中提取不同的问题(其中分配了不同的唯一 ID)并将它们放在不同的 div 中。 我使用 PHP 提取问题并将每个问题放入一个数组中。 然后我使用 foreach 打印出不同 div 中的每个问题。 我想在单击相应的 div 时为每个问题显示不同的内容。(内容存储在同一个数据库中)。我如何知道单击了哪个 div 并显示相应的内容。 javascript 解决方案将不胜感激。
通过检查这些代码,您可以做任何您想做的事情。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<?php
$data = [
'question_1' => [
'id' => 1,
'content' => 'content text'
],
'question_2' => [
'id' => 2,
'content' => 'content text'
]
];
foreach ($data as $key => $value) :
?>
<div data-id="<?= $value['id'] ?>">
<!-- $value['id'] Or $key -->
</div>
<?php
endforeach;
?>
<script>
$(document).ready(() => {
let element = $('[data-id]');
element.click((e) => {
console.log($(e.currentTarget).data('id'));
})
})
</script>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.