[英]Detect words and letters typed in input and sort other elements (text in div) with same letters
我要输入一个内容,在其中输入单词或字母来对某种元素进行排序。 例如:有些div中有不同的单词,当您在输入中键入内容时,请立即对与输入中具有相同字母的div进行排序...
<input type="text" placeholder="Sort by...">
<div class="sortable-items">
<div>dogs</div>
<div>cats</div>
<div>dogs</div>
<div>dogs</div>
<div>cats</div>
<div>cats</div>
<div>dogs</div>
</div>
如果您侦听输入中的keyup事件,则每次您键入或删除字母时,该函数都会调用。 然后,您可以检查输入是否与div的任何值匹配,并根据该值隐藏/显示它。
$('#search').keyup(function(){
var searchTerm = $(this).val();
$(".sortable-items div").each(function(){
if($(this).text().match(searchTerm)){
$(this).show();
}else{
$(this).hide();
}
});
});
您可以在此小提琴中对其进行测试: http : //jsfiddle.net/h9sck2nh/1/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.