javascript在不同的div中显示数据

Question

我正在从一个循环中调用javascript函数，并在单击事件后显示数据，所有操作都完美无缺，唯一的问题是单击后出现的这些数据显示在页面上的同一位置，我希望显示如果是动态的，则意味着出现问题的html元素之后的数据可以显示在该html元素旁边/下方。 你能帮忙

<script>
        function bringName(varx) {
         document.querySelector('.article').getElementsByTagName('div')[2].innerHTML = xmlhttp.responseText;
        }
    </script>

    <?php
        foreach($output as $data => $values) {
            $age = $values['age'];
            $name = $values['name']; ?>

            <article>
                <p>
                    <div 
                        onclick="bringName(this.dataset.name)" 
                        data-name="<?= $name ?>">
                            <?= $age ?>
                    </div>
                </p>
                <div class="detailed">

                </div>
            </article>