单击链接上的JQuery更改文本

Question

我希望文本在点击时更改.当我点击任何链接时代码工作,但是当我点击另一个链接时,没有任何反应.jquery对我来说是新鲜事,这就是为什么我在努力解决这个问题.提前致谢

$(document).ready(function(){
    $("#all-iso").click(function(){
        $("#news-h3-change").replaceWith("<h3>ALLE NEWS</h3>");
    });
});

$(document).ready(function(){
    $("#date-iso").click(function(){
        $("#news-h3-change").replaceWith("<h3>DATUM</h3>");
    });
});

$(document).ready(function(){
    $("#actor-iso").click(function(){
        $("#news-h3-change").replaceWith("<h3>SCHAUSPIELER</h3>");
    });
});

$(document).ready(function(){
    $("#film-iso").click(function(){
        $("#news-h3-change").replaceWith("<h3>FILM</h3>");
    });
});

Answer 1

   var StatusBar;

   $(document).ready(function(){
      StatusBar = $("#news-h3-change");
      $("#all-iso").click(function(){
        StatusBar.html("ALLE NEWS");
      });
      $("#date-iso").click(function(){
        StatusBar.html("DATUM");
      });
      $("#actor-iso").click(function(){
        StatusBar.html("SCHAUSPIELER");
      });
      $("#film-iso").click(function(){
        StatusBar.html("FILM");
      });
    });