jquery实时搜索 - 修改行为

Question

我有这种实时搜索方法，目标是一个有很多标题及其内容的行  可以修改为名称标题仅搜索 ，并隐藏与名称标题不匹配的行。 现在它只隐藏其他行中的名称标题，各自的行保持不变。

另外，如何按字母顺序列出结果。

谢谢

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();
}
});

});

Answer 1

更新js小提琴。

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

还有一点。不要使用hr制作分隔符。而是在必要时在css中使用border-bottom和padding-bottom。