Javascript jQuery中嵌套的PHP只执行一次。我希望每次都能执行

我对PHP/jQuery代码块有问题

背景资料： 我的页面上有10个div，它们有自己的ID，命名为Q1-Q10。在页面加载时，使用jQuery hide命令将页面上的所有div都隐藏起来。 在PHP中，我有一个名为“tracker”的数组，它有一个10个数字的无序列表，范围从1到10，没有重复的数字。我还有一个变量“x”，用作索引。这两个变量都是在我页面顶部的一些PHP中声明和填充的

问题是： 当第一次按下按钮时，代码会完美执行，向用户显示第一个随机div。所有额外的点击都不起作用

我希望看到的结果是： 每次单击“我的”按钮时，都会向用户显示一个新的div

    <script>$('form').click(function()
    {
      <?php
        echo "$('#Q" . $tracker[$x] . "').show();" ;
            $x++;
      ?>

    });
   </script>

$（'form'）。单击（函数（）
{
只需在每次单击时在javascript中创建随机值-

<script>
  $('form').click(function() {
    var randNum = Math.floor(Math.random() * 10) + 1;
       $('#Q'+randNum).show();
  });
</script>

jsFiddle-
您必须了解操作顺序。PHP首先运行，完成所有PHP工作，然后运行HTML/CSS/Javascript。因此，您不能在Javascript中循环PHP。@ohmusama我要更完整地说，这是理解PHP是什么以及何时执行与Javascri不同pt的位置和执行位置。一个位于服务器上并在那里处理，另一个在客户端计算机上执行，而不知道从哪个服务器发送。这不是他想要的，他想要以线性方式显示divorder@ohmusama
向用户显示第一个**随机**div…每次按下“我的按钮”点击，**一个新的div**显示给用户
。OP说随机，然后是一个新的div，而不是下一个/线性顺序。他有一个随机数的混合php数组，他需要帮助打开下一个div。第二块代码正是我想要做的。谢谢你的帮助。
<script>
  var counter = 0;
  var randNum = <?php echo json_encode($tracker); ?> // print the $tracker array as a json array
  $('form').click(function() {
       $('#Q'+randNum[counter]).show(); 
       counter +=1; // increase the counter
  });
</script>