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

时间:2013-07-01 14:34:38

标签: jquery html5 custom-data-attribute

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

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

1 个答案:

答案 0 :(得分:2)

在这种情况下,

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

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