使用 jQuery 多次更改 DIV 文本
Change DIV text with jQuery multiple times
我有以下代码:
<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'); ?>
相关文章:
- 当DIV中的文本高亮显示时,如何获得DIV中Span的值?(Javascript)
- 将Div内容复制到文本区域或具有相同字体族样式的文本
- 如何获取滚动DIV中的当前活动文本
- 如果Div包含精确文本,则添加类
- 如何从DIV数组向DIV添加文本
- Div 使用文本水平扩展
- 基本 Jquery - 如果 TD 中存在文本,则使 DIV 可见
- 获取包含单击链接的DIV的文本
- 使其在悬停文本时显示Div
- Div 文本未显示
- 使用没有 ID 和标签名称的 javascript 更改 DIV 文本
- 使用 jQuery 多次更改 DIV 文本
- Javascript/HTML,根据DIV文本更改多个DIV内容.(Codepen)
- 没有p标记的Div文本选择器
- 使用javascript更改DIV文本
- 更改标题等于的DIV文本
- JavaScript/GWT-在页面加载之前更改GWT创建的DIV文本的要求
- 使用JS/JQ单击按钮时更改DIV文本
- ajax - Div 文本不变
- Div文本不更新javascript代码