我想在我的网站上创建一个搜索功能，在其中搜索 div（并忽略不符合我搜索内容的 div。div 列表如下所示：
<body>
<div class='subjects'>
<div id='subject'>soccer</div>
<div id='subject'>dancing</div>
<div id='subject'>soap</div>
</div>
</body>
例如，当我搜索“s”时，它不会显示里面跳舞的div，而当您写“soa”时，它只显示soap（不删除不匹配的div，只是不显示它们）。
我真的没有搜索东西的经验，所以欢迎所有信息。
附：我添加的标签是可用的语言，如果我需要扩展：那没问题。
您可以使用jQuery要做到这一点，像这样：
HTML:
<div class='subjects'>
<div>soccer</div>
<div>dancing</div>
<div>soap</div>
</div>
<input type="text" id='search' />
jQuery:
$('#search').on('input', function(){
var text = $(this).val();
$('.subjects div').show();
$('.subjects div:not(:contains(' + text + '))').hide();
});
Fiddle http://jsfiddle.net/qrFhD/1/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
