Javascript 如果span包含文本，则更改div css

我有一个输入和跨度。当我输入时，输入值被传递给span。现在我想隐藏其他div/按钮或其他东西，如果我的跨度有特定的值。我的代码不起作用。怎么了

$（'#input'）。在（'keyup'，function（）上{
$（'#status'）.html（$（this.val（））；
});
$（'#status'）。在（'change'，function（）上{
var status=$（'#status'）.html（）；
如果（状态=“正常”）{
$（'#test'）.css（“背景”，“红色”）；
}否则{
$（'#test'）.css（“背景”、“蓝色”）；
}
});
#测试{
宽度：50px；
高度：50px；
背景：红色；
}
与其检查span元素上的更改，不如在输入事件侦听器中执行此逻辑。大概是这样的：

$('#input').on('keyup', function(){
    var val = this.value;

    $('#status').html(val);

    if (val == "OK") {
        $('#test').css("background", "red");
    } else {
        $('#test').css("background", "blue");
    }
});

与其检查span元素上的更改，不如在输入事件侦听器内部执行此逻辑。大概是这样的：

$('#input').on('keyup', function(){
    var val = this.value;

    $('#status').html(val);

    if (val == "OK") {
        $('#test').css("background", "red");
    } else {
        $('#test').css("background", "blue");
    }
});

列出keyup事件并更改背景


$（'#input'）。在（'keyup'，function（）上{
$（'#status'）.html（$（this.val（））；
log（$（this.val（））；
如果（$（'#status'）.html（）=“确定”）{
$（'#test'）.css（“背景”，“红色”）；
}否则{
$（'#test'）.css（“背景”、“蓝色”）；
}
});
#测试{
宽度：50px；
高度：50px；
背景：红色；
}
列出键控事件并更改背景


$（'#input'）。在（'keyup'，function（）上{
$（'#status'）.html（$（this.val（））；
log（$（this.val（））；
如果（$（'#status'）.html（）=“确定”）{
$（'#test'）.css（“背景”，“红色”）；
}否则{
$（'#test'）.css（“背景”、“蓝色”）；
}
});
#测试{
宽度：50px；
高度：50px；
背景：红色；
}

看到这个了吗？是的！非常感谢。可能的副本，请参见是！非常感谢。可能重复的