Javascript 仅替换div内的文本，并使用jquery切换不同的div内容

显示以下jquery代码

       $(document).ready(function () {
                    $('#prvnote').hide();
      $('#regclass').click(function () {
                     $('#prvnote').toggle(400);
                     $('#newdiv').toggle(400);

   });
 });

显示下面的HTML代码 此div仅用作菜单

 <div id="regclass"><span>View Previous Note</span></div>

查看上一个注释

现在，当我单击上面的div内容时，div下面的将显示，而上面的span标签内容将替换为“Post Note”

。。。。。。
......

当

div（newdiv）

show然后span内容“Post Note”时，当

div（prvnote）

show然后span内容必须是“View Previous Note”

试试这个

$(document).ready(function () {
           $('#prvnote,#newdiv').hide();
           $("#regclass").toggle(function () {
               $('#regclass span').text('Post Note');
               $('#prvnote').toggle(400);
               $('#newdiv').toggle(400);
           }, function () {
               $('#regclass span').text('View Previous Note');
               $('#prvnote').toggle(400);
               $('#newdiv').toggle(400);
           });
       });

HTML

 <div id="newdiv" style="display:none"><form>......</form></div>
 <div id="prvnote"style="display:none"><form>......</form></div>
 <div id="regclass"><span>View Previous Note</span></div>

检查一下这里的小提琴手

试试：

摘自Sridhar R，我知道您希望一次只显示一个div…

当div（newdiv）显示时，然后span内容“Post Note”，当div（prvnote）显示时，然后span内容必须是“查看上一个注释”没有看到编辑当我的页面加载时，然后“#regclass”div无法显示。CSS属性自动设置为无。加载我的页面时，将显示“#regclass”div。CSS属性自动设置为“无”。

 <div id="newdiv" style="display:none"><form>......</form></div>
 <div id="prvnote"style="display:none"><form>......</form></div>
 <div id="regclass"><span>View Previous Note</span></div>

$('#regclass').click(function () {
alert("Hi");
$("#regclass span").html("").append("POST NOW");
$('#prvnote').css({"display":"block"});
$('#newdiv').css({"display":"block"});

});

   $(document).ready(function () {
       $('#prvnote').hide();
       $("#regclass").toggle(function () {
           $('#regclass span').text('Post Note');
           $('#prvnote').toggle(400);
           $('#newdiv').toggle(400);
       }, function () {
           $('#regclass span').text('View Previous Note');
           $('#prvnote').toggle(400);
           $('#newdiv').toggle(400);
       });
   });