jquery - 如何将输入值与数据属性匹配

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在这种情况下等于“培训”。然后，您将所有小写的值与此字符串进行比较。由于“Training”不是小写的，所以它永远不会匹配。

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