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

【问题标题】：Replace only text inside div and toggle different div content using jquery仅替换 div 内的文本并使用 jquery 切换不同的 div 内容
【发布时间】：2014-03-31 11:13:35
【问题描述】：

下面显示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 id="newdiv"><form>......</form></div>
 <div id="prvnote"><form>......</form></div>

当div(newdiv) 显示时跨度内容“发布注释”，当div(prvnote) 显示时跨度内容必须是“查看上一个注释”

【问题讨论】：

标签： javascript jquery css html

【解决方案1】：

试试这个

$(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);
           });
       });

DEMO

【讨论】：

当我的页面加载时“#regclass” div 无法显示。 CSS 属性自动设置为 NONE。

【解决方案2】：

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>

jQuery

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

});

在这里检查提琴手

http://jsfiddle.net/ShekharPankaj/3htMG/

【讨论】：

当 div(newdiv) 显示时跨度内容“发布注释”，当 div(prvnote) 显示时跨度内容必须是“查看上一个注释”没有看到编辑

【解决方案3】：

试试this:

   $(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);
       });
   });

取自 Sridhar R，我知道你想一次只显示一个 div...

【讨论】：

当我的页面加载时“#regclass” div 无法显示。 CSS 属性自动设置为 NONE。