JS技术

JavaScript中jquery实现前台表格筛选_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 13:11 我要评论( )

JavaScript中jquery实现前台表格筛选,学习JavaScript中jquery实现前台表格筛选,JavaScript中jquery实现前台表格筛选,查看JavaScript中jquery实现前台表格筛选,vi



view sourcePRint?

1 <script type="text/javascript">  

2      $(function() {  

3      $("#Text1").keyup(function() {  

4      var filterText = $(this).val();  

5          $("#<%=GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" + filterText + "')").show();;  

6      }).keyup();  

7      });  

8  </script>

说明:

里面最重要的就是JQuery的选择器:

1:$("#<%=GridView1.ClientID %> tr")选择表格的所有行;

 2:not(":first"):除去第一行表头行;

 3:filter(":contains('" + filterText + "')"):从上面所选择的行里面筛选出行文本中包含filterText 的行显示出来;

 4:最后加一句keyup()是为了在提交后重新触发keyup事件。(但是在这里没有作用因为我用的客户端控件没有ViewState

    若是服务器端控件就会看见他的作用)。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评