javascript - 根据多个字符串中的特定输入文本显示 div

Question

Jquery 问题...所以这很简单，如果从 keyup 显示按钮匹配，就可以找到值。但我想问 2 个问题来改进它:

Fiddle

$("#test").keyup(function () {
    $("#yeah").css("display", this.value == "test" ? "block" : "none");
});

我卡住的地方是:

输入 test = good

在此处输入test = nothing

无论字符串如何放置，我都想保持显示，只要放置它就不会消失

例如:我想做一些测试 - 将显示

另一个问题是如何处理多个字符串？就像我想在 test 和 test2 之类的东西上显示它？

Answer 1

使用正则表达式:

$("#test").keyup(function() {
  $("#yeah").toggle(/test|something/.test(this.value));
});

#yeah {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="test">
<div id="yeah">
  Yeah!
</div>

此正则表达式匹配任何包含 test 或 something 的内容。