javascript - 使用jQuery多次更改DIV文本

标签 javascript php jquery html wordpress

我有以下代码:

<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个不同的标题($ exercises数组中有5个项目),上面的代码仅从第一个标题转到第二个标题,然后停止更新。

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

有人可以帮我吗?谢谢。

最佳答案

您可以将php数组编码为json,然后通过javascript更新计数器/索引



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

<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'); ?>

关于javascript - 使用jQuery多次更改DIV文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27465724/

相关文章:

javascript - 拖动DOM元素时,是否可以更改光标样式?

javascript - jQuery 添加/删除类之间的时间

javascript - 将变量放入return Confirm()

javascript - Angular JS过滤器组选择过滤器

javascript - <Div> 在 sleep 方法之前不显示

php - 如何使用 jquery 从 php 变量中显示一个 div

php - __PHP_Incomplete_Class 类的 OOP 对象

php - 代码点火器 SQL_CALC_FOUND_ROWS

javascript - 将Flash YouTube更改为嵌入式对象

jquery - 砌体,不调整尺寸高度,仅宽度