Example analysis of table content filtering function based on jquery_jquery

WBOY

Release： 2016-05-16 09:00:17

Original

2316 people have browsed it

when there is a lot of data in the table and we cannot search page by page, we can search through a search box.

for this search box, for a better experience, we can use the keyup event to start filtering when the user inputs, instead of clicking the search button after filling in the form.
rendering:

implementation code:

       
  筛选    姓名 性别 暂住地
 
  前台设计组
 张山 男 湖北
 李山 男 湖北
 张山 男 湖北
 张山 男 湖北
 前台设计组
 张山 男 湖北
 张山 男 湖北
 张山 男 湖北
 张山 男 湖北
 前台设计组
 张山 男 湖北
 张山 男 湖北
 张山 男 湖北
 张山 男 湖北

姓名	性别	暂住地
前台设计组
张山	男	湖北
李山	男	湖北
张山	男	湖北
张山	男	湖北
前台设计组
张山	男	湖北
张山	男	湖北
张山	男	湖北
张山	男	湖北
前台设计组
张山	男	湖北
张山	男	湖北
张山	男	湖北
张山	男	湖北

Copy after login

the above is the entire content of this article. i hope it will be helpful to everyone learning jquery programming.

Related labels：

jquery表格内容筛选 jquery内容筛选 jquery筛选功能

source：php.cn

Previous article：Detailed explanation of jQuery's document processing program_jquery Next article：jQuery implements clicking the button text into the input box and clicking save to turn it into text_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn