jquery - jQuery替换跨度文本不起作用

Question

我有一个基本页面，我在其中显示和隐藏基于按钮按下的 div。作为页面的一部分，我想更改标题以反映适当的内容。

这是HTML：

<h2 class="section_header left">
  <span>
     Missing <span id="category">People</span> Nationwide
  </span>
</h2>

这是jQuery：

$(document).ready(function() {
   $('#allcat').click(function(){
     $('.child').show();
     $('.adult').show();
     $("#category").text("People");
   });
   $('#children').click(function(){
     $('.child').show();
     $('.adult').hide();
     $("#category").text("Children");
   });
   $('#adults').click(function(){
     $('.child').hide();
     $('.adult').show();
     $("#category").text("Adults");
   });
 });

我试过 .text() 和 .html()

谢谢你的帮助。

Answer 1

我真的觉得很笨。这是同一代码在一个页面中出现两次并覆盖自身的情况。当开发人员齐心协力时，上面的代码确实可以按预期工作。谢谢你的帮助。