jquery实现页面的搜索功能

最新推荐文章于 2024-10-16 19:14:18 发布

转载最新推荐文章于 2024-10-16 19:14:18 发布 · 658 阅读

文章标签：

#javascript #ViewUI

本文介绍了一段使用jQuery实现的简单代码，该代码允许用户通过点击按钮来搜索并高亮显示表格中的匹配项。当输入框中有文本时，表格中包含该文本的所有行将被高亮显示并仅显示这些行；若输入框为空，则所有行恢复正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 $(function(){
 2     $("input[type=button]").click(function(){
 3       var txt=$("input[type=text]").val();
 4       if($.trim(txt)!=""){
 5  
 6         $("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");
 7       }else{
 8         $("table tr:not('#theader')").css("background","#fff").show();
 9       }
10     });
11   })