jQuery替换span文本不起作用

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

我觉得自己真傻。这是在页面中两次相同代码并覆盖自身的情况。当开发人员一起行动时，上面的代码确实可以正常工作。谢谢你的帮助。