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

我覺得真的很愚蠢。這是一個頁面中兩次相同的代碼並覆蓋自身的情況。上面的代碼在開發人員一起行動時可以按預期工作。謝謝你的幫助。