繁体   English   中英

如何根据数据库中的内容 select 一个 div?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM