如何将输入值与数据属性进行匹配

Question

我正在尝试将输入值与数据属性进行匹配，但它似乎不起作用。这是代码：

HTML：

<input value="" data-match="Training">

jQuery的：

var wrd = $('.js-search-input').data('match');
$('.js-search-input').on('keyup keydown paste', function () {
    if ($(this).val().toLowerCase() === wrd) {
        $('.search-demo-text').show();
    }
});

有没有人对基于data- *属性匹配输入值的最佳方法有任何想法。

jsFiddle：http://jsfiddle.net/JQ8Sa/1

Answer 1

在这种情况下，

wrd等于“训练”。然后，将全部小写值与此字符串进行比较。由于“训练”不是小写，它永远不会匹配。

此外，您的输入没有代码所暗示的类js-search-input。虽然我认为这在您的真实代码中已经存在。