我有一个输入和跨度。当我输入输入值时,它会传递到span。现在,如果我的跨度具有特定值,我想隐藏其他 div/按钮或其他内容。我的代码不起作用。怎么了?
$('#input').on('keyup', function(){
$('#status').html($(this).val());
});
$('#status').on('change', function(){
var status = $('#status').html();
if (status == "OK") {
$('#test').css("background", "red");
} else {
$('#test').css("background", "blue");
}
});
#test {
width: 50px;
height: 50px;
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input">
<span id="status"></span>
<div id="test"></div>
最佳答案
与其检查 span 元素上的更改,不如在输入事件监听器内部执行此逻辑。像这样的事情:
$('#input').on('keyup', function(){
var val = this.value;
$('#status').html(val);
if (val == "OK") {
$('#test').css("background", "red");
} else {
$('#test').css("background", "blue");
}
});
关于javascript - 如果 span 包含文本,则更改 div css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47471118/