复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="js/jquery.min.1.12.4.js"></script> <input type="text" id="shai" /> <table> <thead> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td> <td>生日</td> </tr> </thead> <tbody> <tr> <td>张三</td> <td>男</td> <td>15</td> <td>1999</td> </tr> <tr> <td>李四</td> <td>男</td> <td>18</td> <td>1999</td> </tr> <tr> <td>王五</td> <td>男</td> <td>15</td> <td>1999</td> </tr> </tbody> </table> <hr /> <input type="button" id="btnShowMe" value="test" /> <table id="tab"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> <script type="text/javascript"> $(function() { $("#btnShowMe").click(function() { //alert($("#tab tr td:first-child").text());//一下得到所有值 //alert($("#tab tr:eq(0) td:eq(1)").text()); var arr = $("#tab tr td:nth-child(2)"); //获取第二列所有的元素值 for(var i = 0; i < arr.length; i++) { alert($(arr[i]).text()); //分别一个个弹出 } }) }); </script> //万能表格搜索 <script> $(function() { $("#shai").keyup(function() { $("table tbody tr").hide().filter(":contains('" + ($(this).val()) + "')").show(); }); keyup(); //这句一定要有。 }); </script> </body> </html>
最后
以上就是火星上铃铛最近收集整理的关于获取表格第n列所有的值，table万能搜索的全部内容，更多相关获取表格第n列所有内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复