文档章节

jQuery实现对Table内容的模糊查询

lgscofield
 lgscofield
发布于 2015/06/26 13:58
字数 329
阅读 225
收藏 1
jQuery实现对表格内容的模糊查询
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="css/style.css" mce_href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="D:/Demo/jquery-1.8.0.js"></script>

<script type="text/javascript">
  
    $().ready(function(){
      $("#txtName").keyup(
        function(){          
          $("table tr:gt(0)").hide();
          var $d = $("table tr:gt(0)").filter(":contains('"+$.trim($("#txtName").val())+"')");
          $d.show();          
        }
      )
    })
    
  </script>

 </head>
<body>
<p><strong>实现动态列表内容查询</strong></p>
<div>
    <input type="text" id="txtName" />
  </div>
  <br />
 <table width="438" height="auto" border="1">
   <tr>
     <td>编号</td>
     <td>名称</td>
     <td>类别</td>
     <td>著作</td>
   </tr>
   <tr>
     <td>1001</td>
     <td>天龙八部</td>
     <td>武侠</td>
     <td>金庸</td>
   </tr>
          <tr>
     <td>1002</td>
     <td>小李飞刀</td>
     <td>武侠</td>
     <td>古龙</td>
   </tr>
      <tr>
     <td>1003</td>
     <td>逆水寒</td>
     <td>言情</td>
     <td>温瑞安</td>
   </tr>
      <tr>
     <td>1004</td>
     <td>天涯明月刀</td>
     <td>武侠</td>
     <td>古龙</td>
   </tr>
      <tr>
     <td>1005</td>
     <td>朝天一棍</td>
     <td>武侠</td>
     <td>温瑞安</td>
   </tr>
      <tr>
     <td>1006</td>
     <td>侠骨丹心</td>
     <td>武侠</td>
     <td>梁羽生</td>
   </tr>
      <tr>
     <td>1007</td>
     <td>神雕侠侣</td>
     <td>武侠</td>
     <td>金庸</td>
   </tr>
      <tr>
     <td>1008</td>
     <td>陆小凤传奇</td>
     <td>武侠</td>
     <td>古龙</td>
   </tr>
      <tr>
     <td>1009</td>
     <td>xxxxx</td>
     <td>xxxxx</td>
     <td>xxxxx</td>
   </tr>
 </table>
</body>
</html>

本文转载自:http://lgscofield.iteye.com/blog/1629422

共有 人打赏支持
lgscofield

lgscofield

粉丝 21
博文 140
码字总数 63036
作品 0
南京
架构师
非常实用的12 个 jQuery 代码片段

jQuery是一个非常流行而且实用的JavaScript前端框架,本文并不是介绍jQuery的特效动画,而是分享一些平时积累的12个jQuery实用代码片段,希望对你有所帮助。 1. 导航菜单背景切换效果 在项目...

_小狼狗
2015/11/09
0
0
django +jQuery Grid Plugin 实现表格前提自动分页, 排序

由于django 中文在前台显示乱码,本文使用了 先在用django模板生成表格,再用jQuery Grid对表格 进行处理。

yubochinese
06/26
0
0
jQuery对表单、表格的操作及更多的应用

jQuery对表单、表格的操作及更多的应用 1 表单应用 一个表单有3个基本组成部分。 (1) 表单标签:包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法 (2) 表单域:包含文本...

zhangda89
2011/10/07
0
0
jQuery的性能优化,你知道几条

我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来 ==================================...

刘炳文
2013/08/31
0
0
jQuery的性能优化,你知道几条

================================================================= 一、选择器性能优化建议 ================================================================= 1. 总是从#id选择器来继......

樱花泪
2013/12/27
0
4

没有更多内容

加载失败,请刷新页面

加载更多

github精选:微信小程序开发技巧(12月31日更新)2016

框架部分 所有页面都需要在 app.json 文件中注册在 pages 数组中,注册格式为:"路径/文件名" 注:文件名无需添加扩展名 app.josn 中的 pages 数组中的第一个页面为小程序的启动页 每个页面的...

阿K1225
10分钟前
0
0
OSChina 周日乱弹 —— 小心着凉 @红薯

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:5.33起,其声呜呜然,如怨如慕,如泣如诉。余音袅袅,不绝如缕。分享Arch Enemy的单曲《Bridge Of Destiny (2009)》 《Bridge Of...

小小编辑
今天
309
4
what f,,

anlve
今天
10
0
初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
15
0
现场看路演了!

HiBlock
昨天
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部