質問編集履歴
4
説明とhtmlタグを追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,6 +5,12 @@
|
|
5
5
|
現在は、1つのキーワードで検索できます↓が、複数のキーワードで検索できるようにしたいのですが、どうなおしたらいいのか、わかりません。
|
6
6
|
|
7
7
|
jQueryは素人です。
|
8
|
+
|
9
|
+
例ですが、inputboxに「1 a」で検索をかけると1行目のみ表示したいのです。
|
10
|
+
|
11
|
+
今の記述だと1つのワードしか検索かけられません。
|
12
|
+
|
13
|
+
アドバイスいただけると助かります!
|
8
14
|
|
9
15
|
|
10
16
|
|
@@ -58,4 +64,18 @@
|
|
58
64
|
|
59
65
|
<input type="button" value="すべて表示" id="button2">
|
60
66
|
|
67
|
+
|
68
|
+
|
69
|
+
<table id="result"><tbody>
|
70
|
+
|
71
|
+
<tr><td>123</td><td>abc</td></tr>
|
72
|
+
|
73
|
+
<tr><td>456</td><td>ddd</td></tr>
|
74
|
+
|
75
|
+
<tr><td>456</td><td>aaa</td></tr>
|
76
|
+
|
77
|
+
<tr><td>123</td><td>ccc</td></tr>
|
78
|
+
|
79
|
+
</tbody></table>
|
80
|
+
|
61
81
|
```
|
3
修正しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,41 +10,43 @@
|
|
10
10
|
|
11
11
|
```jQuery
|
12
12
|
|
13
|
-
$(function(){
|
13
|
+
jQuery$(function() {
|
14
14
|
|
15
|
-
|
15
|
+
$('#button').on("click", function() {
|
16
16
|
|
17
|
-
|
17
|
+
var re = new RegExp($('#search').val());
|
18
18
|
|
19
|
-
|
19
|
+
$('#result tbody tr').each(function() {
|
20
20
|
|
21
|
-
|
21
|
+
var tr = $(this);
|
22
22
|
|
23
|
-
|
23
|
+
tr.hide();
|
24
24
|
|
25
|
-
|
25
|
+
$('td', this).each(function() {
|
26
26
|
|
27
|
-
|
27
|
+
var txt = $(this).html();
|
28
28
|
|
29
|
-
|
29
|
+
if (txt.match(re) != null) {
|
30
30
|
|
31
|
-
|
31
|
+
tr.show();
|
32
32
|
|
33
|
-
|
33
|
+
}
|
34
34
|
|
35
|
-
|
35
|
+
});
|
36
36
|
|
37
|
-
|
37
|
+
});
|
38
38
|
|
39
|
-
|
39
|
+
});
|
40
40
|
|
41
|
-
|
41
|
+
$('#button2').on("click", function() {
|
42
42
|
|
43
|
-
|
43
|
+
$('#result tr').show();
|
44
44
|
|
45
|
-
|
45
|
+
});
|
46
46
|
|
47
|
-
|
47
|
+
});
|
48
|
+
|
49
|
+
|
48
50
|
|
49
51
|
```
|
50
52
|
|
2
functionがきれていたので修正しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
```jQuery
|
12
12
|
|
13
|
-
$(func
|
13
|
+
$(function(){
|
14
14
|
|
15
15
|
$('#button').on("click",function(){
|
16
16
|
|
1
インデントを修正してみましたが、すみません。素人なので醜いかもしれません。
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,58 +4,56 @@
|
|
4
4
|
|
5
5
|
現在は、1つのキーワードで検索できます↓が、複数のキーワードで検索できるようにしたいのですが、どうなおしたらいいのか、わかりません。
|
6
6
|
|
7
|
-
|
7
|
+
jQueryは素人です。
|
8
8
|
|
9
|
-
Jsファイル
|
10
9
|
|
10
|
+
|
11
|
-
```
|
11
|
+
```jQuery
|
12
12
|
|
13
13
|
$(func tion(){
|
14
14
|
|
15
|
-
$('#button').on("click",function(){
|
15
|
+
$('#button').on("click",function(){
|
16
16
|
|
17
|
-
var re = new RegExp($('#search').val());
|
17
|
+
var re = new RegExp($('#search').val());
|
18
18
|
|
19
|
-
$('#result tbody tr').each(function(){
|
19
|
+
$('#result tbody tr').each(function(){
|
20
20
|
|
21
|
-
var tr = $(this);
|
21
|
+
var tr = $(this);
|
22
22
|
|
23
|
-
tr.hide();
|
23
|
+
tr.hide();
|
24
24
|
|
25
|
-
$('td', this).each(function(){
|
25
|
+
$('td', this).each(function(){
|
26
26
|
|
27
|
-
var txt = $(this).html();
|
27
|
+
var txt = $(this).html();
|
28
28
|
|
29
|
-
if(txt.match(re) != null){
|
29
|
+
if(txt.match(re) != null){
|
30
30
|
|
31
|
-
|
31
|
+
tr.show();
|
32
32
|
|
33
|
-
}
|
33
|
+
}
|
34
|
+
|
35
|
+
});
|
36
|
+
|
37
|
+
});
|
38
|
+
|
39
|
+
});
|
40
|
+
|
41
|
+
$('#button2').on("click",function(){
|
42
|
+
|
43
|
+
$('#result tr').show();
|
44
|
+
|
45
|
+
});
|
34
46
|
|
35
47
|
});
|
36
48
|
|
37
|
-
|
49
|
+
```
|
38
50
|
|
39
|
-
|
51
|
+
```html
|
40
52
|
|
41
|
-
|
53
|
+
<input type="text" id="search">
|
42
54
|
|
43
|
-
|
55
|
+
<input type="button" value="絞り込む" id="button">
|
44
56
|
|
45
|
-
|
57
|
+
<input type="button" value="すべて表示" id="button2">
|
46
|
-
|
47
|
-
});
|
48
|
-
|
49
|
-
|
50
58
|
|
51
59
|
```
|
52
|
-
|
53
|
-
html記述
|
54
|
-
|
55
|
-
```ここに言語を入力
|
56
|
-
|
57
|
-
<input type="text" id="search" onkeydown=go"();"> <input type="button"
|
58
|
-
|
59
|
-
value="絞り込む" id="button"> <input type="button" value="すべて表示" id="button2">
|
60
|
-
|
61
|
-
```
|