php while($result=mysqli_fetch_array($data))循环结果赋值到div id,并用js控制div的显示、隐藏

Question

PHP 从数据库查询出来的数据循环放入div，并将div id按照数据结果分别命名。通过JS点击触发显示对应ID的div。
现在问题是多个div时，点击button只能控制显示最后一个div

 while($result=mysqli_fetch_array($data)){
     echo '<div id="'.$result[case_num].'">'.$result[case_num].'</div><button onClick="javascript: showDiv()">详情</button> ';
     echo '<div id="$result[case_num]" >哈哈哈哈哈哈</div>';
     ?>
     <script language="javascript">
    var details = document.getElementById("<?php echo $result[case_num];?>");
    details.style.display = "none";
    function showDiv() {
    if(details.style.display == "block")
        details.style.display = "none";
    else
        details.style.display = "block";
    }
    </script>
    <?php } ?>

Answer 1

内容你找到链接，为什么id就不知道字符串连接。。

 while($result=mysqli_fetch_array($data)){
     echo '<div id="'.$result[case_num].'">'.$result[case_num].'</div><button onClick="javascript: showDiv(\''.$result[case_num].'\')">详情</button> ';
     echo '<div id="'.$result[case_num].'" >哈哈哈哈哈哈</div>';


        js
        function showDiv(id){
        alert(id)
        }