Question

我有以下代码：

<h2 id="excTitle">
   <div id="titleText">
       <?=$exercises[$currentExc]?>
   </div>
</h2>

以上代码显示标题。

<button type="button" class="styled-button-10b" onClick="skipExc()">Skip</button>

上面的代码调用下面的函数，它应该改变标题。

//Skip to the next exercise
function skipExc()
{
    <?php
         $currentExc++;
    ?>

    $("#titleText").html('<?php echo $exercises[$currentExc]; ?>');
}

它确实有效，但只有一次。

让我说我有5个不同的标题（我的$ exercise数组中有5个项目），上面的代码只从第一个标题到第二个标题然后停止更新。

我已经测试并且调用了该函数，但标题没有改变。

有人可以帮帮我吗？感谢。

Answer 1

您可以将php数组编码为json，然后通过javascript

更新计数器/索引

＆＃13;

var count = 0;
        
function skipExc() {
  var exercises = <?php echo json_encode($exercises); ?>;
            
  $("#titleText").html(exercises[count]);
        
  count++;
}

＆＃13;

<h2 id="excTitle">
  <div id="titleText"></div>
</h2>
<button type="button" class="styled-button-10b" onClick="skipExc()">Skip</button>
<?php $exercises = array('a', 'b', 'c'); ?>

＆＃13;

用jQuery多次更改DIV文本

1 个答案: