Jquery Keyup with Contains隐藏Span

时间:2010-12-09 23:42:49

标签: jquery

我试图使用keyup和contains的组合来隐藏某些元素。我想要做的是隐藏不等于我的输入值的span元素。

例如,如果我输入值1,则隐藏包含值2和3的跨度,只留下包含1的跨度可见。如果我从输入

中删除1值,我还希望它显示所有跨度

这是我到目前为止所拥有的,http://jsfiddle.net/8TXDM/36/

2 个答案:

答案 0 :(得分:3)

var $spans = $(".mydiv span");

$('.myinput').keyup(function() {
    var val = this.value;
    if (val) {
        $spans.filter(':contains(' + val + ')').show();
        $spans.filter(':not(:contains(' + val + '))').hide();
    } else {
        $spans.show();
    }
});

工作演示:http://jsfiddle.net/8TXDM/38/

答案 1 :(得分:0)

FIrebug说:

mydiv is not defined
[Break On This Error] $(mydiv).find('span:contains(' + (keys) + ')').show();