当然很简单,只需使用并相应地keyup
event
切换<div>
jsFiddle
HTML
<div id="example">
<div>hello</div>
<div>world</div>
<div>good</div>
<div>bad</div>
</div>
<input type="text" name="search" id="search">
JS
$(function(){
$('#search').keyup(function(event){
var keyCode = event.which; // check which key was pressed
var term = $(this).val();
$('#example').children().hide(); // hide all
$('#example').children(':Contains("' + term + '")').show(); // toggle based on term
});
});
$.expr[':'].Contains = function(a, i, m) {
return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};