在jQuery中使用ID更改文本

Question

我想使用jQuery更改<b>標記中的一行文本，但這似乎不起作用。

 var status = false; function updateStatus{$(document).ready(function(){ if (status == false){ $('#status').text('Text'); $('#status').css("color","green");} if (status == true){ $('#status').text('Text'); $('#status').css("color","red");} })} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="assets/js/status.js"></script> <b id="status"></b> 

Answer 1

您沒有像預期的那樣使用jQuery庫。 您已經在一個從未調用的函數中定義了一個文檔就緒的回調處理程序，並且其中散布了一些語法錯誤。您應該將修改文本的邏輯放在其自己的獨立函數中，使其遠離任何事件處理程序，然后調用文件准備就緒時該功能。 嘗試以下方法：

  var status = false; function updateStatus() { // you were missing "()" if (status == false) { // no need for two separate if-statements $('#status').text('Text'); $('#status').css("color","green"); } else { $('#status').text('Text'); $('#status').css("color","red"); } } // Define ready-handler $(document).ready(function() { // call your update function updateStatus(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <b id="status"></b> 

Answer 2

首先，您在函數聲明中缺少（），其次，您沒有調用該函數。

這是錯誤代碼：

function updateStatus{ //should be function updateStatus(){

---

雖然您可以這樣使用：

var status = false;

function updateStatus(){//declare a function
    if (status == false){
        $('#status').text('Text');
        $('#status').css("color","green");
    }
    if (status == true){
        $('#status').text('Text');
        $('#status').css("color","red");}
    }
}

$(document).ready(function(){
    updateStatus();//call the function when DOM is ready
});