文档章节

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

lgscofield
 lgscofield
发布于 2015/06/26 13:58
字数 329
阅读 261
收藏 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

粉丝 23
博文 140
码字总数 63036
作品 0
南京
架构师
私信 提问
手把手教你自己写一个模糊搜索的下拉框

我们先看一下效果图 下面我们就开始做这个有模糊搜索的下拉框; 首先我们需要jquery的支持;然后我们将这个模糊搜索扩展到jquery 中,方便以后使用 直接上代码: 这个文件命名为WYButil.js ...

中国首席砖家
2017/12/12
0
0
JQuery类选择器的问题,求助!!!

目前项目中的日历组件的class属性是以datebox开头的,什么dateboxshort1/2/3..., dateboxlong1/2/3...,感觉这样特别麻烦。 我想做一个自定义的长度的日历组件,比如:class=“datebox120”,...

Trc
2016/04/11
169
2
非常实用的12 个 jQuery 代码片段

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

_小狼狗
2015/11/09
0
0
超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类

Farbtastic Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。 Farbtastic jQuery Color Picker 21世纪开...

晨曦之光
2012/03/09
427
0
jQuery 表格工具集

本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等...

红薯
2010/04/15
9.4K
10

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 你一口我一口多咬一口是小狗

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文 :分享Roy Orbison的单曲《She's a Mystery to Me》 《She's a Mystery to Me》- Roy Orbison 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
82
4
Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
12
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
21
0

中国龙-扬科
昨天
4
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部