Jquery实时搜索-修改行为

jquery live search - modify behaviour

本文关键字：修改 实时 搜索 Jquery      更新时间：2023-09-26

我有这个实时搜索方法针对一行，它有许多标题和它的内容。
是否可以修改为仅通过名称标题搜索，并隐藏不匹配名称标题的行。现在，它只在其他行完整的情况下隐藏名称标题。

还有，如何按字母顺序列出结果。

感谢

jsfiddle 

$(document).ready(function () {
$("#s").on("keyup click input", function () {
if (this.value.length > 0) {
  $(".row ").hide().filter(function () {
    return $(this).text().toLowerCase().indexOf($("#s").val().toLowerCase()) != -1;
  }).show();
}
else {
  $(".row").show();
}
});
});

已更新的js提琴。

http://jsfiddle.net/rb7hm/4/

还有一点。不要使用hr来制作分隔符。如果有必要，在css中使用border-bottom和padding-bottom。

相关文章：