2010-12-09 81 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