javascript - 如果在文档中找到某个值，则使用 jQuery 显示/隐藏元素

Question

如果在网站上找不到某些特定的输入值，我会尝试隐藏某个元素。我可以通过以下方式隐藏元素:

$(document).ready(function() {
$("#someid").hide();
});

但是如果找到了值如何显示呢？我正在尝试做这样的事情:

$(document).ready(function() {
$("#someid").hide();
$("input[value$='somevaluetobefound']").ready(function() {
    $("#someid").show();
});
});

我做错了什么？

Answer 1

试试这个:

$(document).ready(function() {
$("#someid").hide();

$('#inputID').on('input', function() {
	if ( $('input').val() === 'test') {
    $("#someid").show();
	}
  else $("#someid").hide();
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Type 'test' to show DIV<br>
<input id="inputID" type="text">
<div id="someid">DIV</div>