2010-12-09 56 views
3

我试图隐藏某些元素使用keyup与包含的组合。我想要做的就是隐藏不等于我的输入值的span元素。例如,如果我输入值1,则包含值2和3的跨度被隐藏,只留下包含1的跨度可见。我也希望它显示所有的跨度,如果我再删除,从输入Jquery Keyup与包含隐藏范围

在这里,1个值是多少我到目前为止,http://jsfiddle.net/8TXDM/36/

回答

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/

0

萤火说:

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

这是一个错字。 OP意味着`$(“。mydiv”)`,而不是`$(mydiv)` – 2010-12-09 23:55:38