Javascript jquery实时搜索-修改行为

我有一个实时搜索方法，目标是一行有很多标题和内容。
是否可以通过名称标题将其修改为仅搜索，并隐藏与名称标题不匹配的行。 现在，它只对其他行隐藏名称title，而它们各自的行保持不变

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

谢谢

更新js小提琴

---

还有一点。不要使用

hr

制作分离器。如有必要，在css中使用

边框底部

和

填充底部

。

更新的JSFIDLE链接谢谢。要按字母顺序列出结果吗？用于dom排序。在搜索之前对齐行。我正在尝试对搜索后的结果重新排序。您只需在按键事件回调中移动排序块。然而从逻辑上讲，排序一次将解决问题，因为结果也将被排序。一旦对每个按键进行了排序，对其进行不必要的排序是没有意义的。

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

});