在每个按钮单击时，更改包含 div 中的内容答案

【问题标题】：on each button click, change content in a containing div在每个按钮单击时，更改包含 div 中的内容
【发布时间】：2014-12-22 12:47:17
【问题描述】：

任何人都可以给我一些指导/链接，以了解您在哪里/如何构建一个函数，当您单击按钮时，该函数会更改包含 div 中的内容。

示例：

我在一个场景中有 7 个“阶段”（这是我的容器 div），每次单击“下一步”按钮时，它应该从 stage1 变为 stage2 阶段2到阶段3 第三阶段到第四阶段

等等

希望有意义

【问题讨论】：

api.jquery.com/click
就是这样，我需要编写代码，对不起。我想知道如何执行这个想法。
在页面刷新时，stage 应该更改为 stage1 还是应该保留当前值？
它应该保留该值。所以它把stage2的内容放到场景中，以此类推。有点像jsfiddle.net/hKMFb/24 但它应该只能在一个按钮上工作。

标签： javascript jquery onclick stage

【解决方案1】：

试试这个：

$(document).on('click','#next',function(){
  var str = $("#scene").text();
  var lastChar = str.substr(str.length - 1);
  lastChar++;
  $("#scene").text("Stage"+ lastChar);
});

【讨论】：

很好，但是我如何控制在这些阶段应该加载什么？可以说在 stage1 中有 2 张图片，但在 stage2 我有 4 张图片加上其他 html 元素：P
尝试使用 ajax 和 jquery，在这种情况下非常有用。