jQuery 计算输入的内容

Question

我有一个系统，它计算“今天”类中有多少文本框具有值“/”。 如果它具有值“L”或“l”，我希望它也计算在内。 我尝试了以下方法：

$('.today').keyup(function() {
    var Presents = $('input:visible').filter(function(){
      return this.value == "/";  
    });
    $("#counter").html( "Present: " + Presents.length );
});
$( document ).ready(function() {
    var Presents = $('input:visible').filter(function(){
      return this.value == "/";  
    });
    $("#counter").html( "Present: " + Presents.length );
});

我尝试了以下解决方案：

return this.value == "/", "l", "L";  

这导致所有文本框都被计算在内，无论值如何。

Answer 1

那是因为您的代码与return "L"相同，这是真的，因此返回所有输入。

你的意思是：

return this.value == "/" || this.value == "l" || this.value == "L";

如果是这样，您还可以使用：

return this.value.length == 1 && "/lL".indexOf(this.value)+1;

可能看起来不是很节省，但可以让您更轻松地定义您的字符列表，以防您将来想添加更多。

Answer 2

这里最短的答案可能是正则表达式：

return /^[\/lL]$/.test(this.value);

（这会检查单字符字符串，其中字符是/ 、 i或L 。）

更一般地说，您在这里的选择基本上是：

• OR'd 系列条件： val === "/" || val === "i" || val === "L" val === "/" || val === "i" || val === "L" val === "/" || val === "i" || val === "L" 。 这是清楚的，但多余的，并且在大约三个选项后不再清晰。 然而，值得注意的是，这可能是最快的选择 - 如果您必须快速连续测试 10k 个字符串，这可能很重要。

• 如上所述的正则表达式检查。 这可能是最简洁的代码，并且很容易向检查添加更多字符或更复杂的模式，但不太清晰。

• 数组包含。 当您可以访问现代数组方法时，这是最简单的，例如return chars.any(function(c) { return c === val; }) 。 如果您的搜索字符串列表是在运行时确定的，或者如果它很长，这可能是最好的选择。

Answer 3

尝试： return this.value.match(/[\\/li]/) !== null