javascript - 在 jQuery 中使用 ID 更改文本

Question

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

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>