質問編集履歴

6

追記

2017/04/22 09:45

投稿

dandandan
dandandan

スコア8

test CHANGED
File without changes
test CHANGED
@@ -149,3 +149,15 @@
149
149
  });
150
150
 
151
151
  ```
152
+
153
+
154
+
155
+
156
+
157
+ ###追記
158
+
159
+
160
+
161
+ やりたいこととしては以下のサイトのように業種×⚪️⚪️のように2つのフィルターで両方に当てはまるものを表示させたいというイメージです。。。
162
+
163
+ https://www.cloudpayment.co.jp/service/payment/case/

5

誤字

2017/04/22 09:45

投稿

dandandan
dandandan

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ###前提・実現したいこと
2
2
 
3
- jsで2軸のソート・フィルター機能を作りたいです。
3
+ jsで2軸のフィルター機能を作りたいです。
4
4
 
5
5
  下記のところまで実装して1軸に対してのフィルターは出来たのですが、この先どうすれば良いかわからず。。。
6
6
 

4

文章の修正

2017/04/22 07:32

投稿

dandandan
dandandan

スコア8

test CHANGED
File without changes
test CHANGED
@@ -10,9 +10,11 @@
10
10
 
11
11
 
12
12
 
13
- 最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
13
+ 最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ.portfolio-itemの単位表示し、その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを.portfolio-itemの単位で表示したいです。
14
14
 
15
- その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを表示したいです。
15
+
16
+
17
+ 例えば、#sel1のvalueが2の時に、span.categoryの1つめのクラスに2を含むものを(この場合は <option id="2" value="2">test2</option>)を.portfolio-item単位で表示する。#sel1のvalueが2、かつ#sel2のvalueが4の時は、span.categoryの1つめのクラスに2と2つめのクラスに4を含むもの(この場合は <span class="category 4 2">test4</span>)を.portfolio-item単位で表示したい。
16
18
 
17
19
 
18
20
 
@@ -66,9 +68,9 @@
66
68
 
67
69
  <div class="portfolio-item">
68
70
 
69
- <span class="category 2 1">test</span>
71
+ <span class="category 2 1">test2</span>
70
72
 
71
- <span class="category 3 1">test4</span>
73
+ <span class="category 3 1">test3</span>
72
74
 
73
75
  <p>test</p>
74
76
 
@@ -76,7 +78,7 @@
76
78
 
77
79
  <div class="portfolio-item">
78
80
 
79
- <span class="category 1 2">test</span>
81
+ <span class="category 1 2">test1</span>
80
82
 
81
83
  <span class="category 4 2">test4</span>
82
84
 

3

誤字

2017/04/22 07:32

投稿

dandandan
dandandan

スコア8

test CHANGED
File without changes
test CHANGED
@@ -10,9 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- 最終的には、
14
-
15
- #sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
13
+ 最終的には、#sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
16
14
 
17
15
  その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを表示したいです。
18
16
 

2

タイトル・最終的な欲しい結果

2017/04/22 05:00

投稿

dandandan
dandandan

スコア8

test CHANGED
@@ -1 +1 @@
1
- jsで2軸のソート・フィルター機能を作りたい
1
+ jsで2軸のフィルター機能を作りたい
test CHANGED
@@ -7,6 +7,14 @@
7
7
 
8
8
 
9
9
  やりたいこととして2つのフィルター(カテゴリー1とカテゴリー2)で掛け合わせてA and Bのソートがしたいです。
10
+
11
+
12
+
13
+ 最終的には、
14
+
15
+ #sel1でtest2を選択をした場合はtest2に当てはまるもののみ表示
16
+
17
+ その上で#sel2でtest4を選択した場合はtest2かつtest4に当てはまるものを表示したいです。
10
18
 
11
19
 
12
20
 

1

誤字

2017/04/22 04:36

投稿

dandandan
dandandan

スコア8

test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  jsで2軸のソート・フィルター機能を作りたいです。
4
4
 
5
- 下記のところまで実装してたのですが、この先どうすれば良いかわからず。。。
5
+ 下記のところまで実装して1軸に対してのフィルターは出来たのですが、この先どうすれば良いかわからず。。。
6
6
 
7
7
 
8
8
 
9
- やりたいこととして2つのフィルター(sel1とsel2)でコンテンツを掛け合わせてA and Bのソートがしたいです。
9
+ やりたいこととして2つのフィルター(カテゴリー1とカテゴリー2)で掛け合わせてA and Bのソートがしたいです。
10
10
 
11
11
 
12
12
 
@@ -82,9 +82,9 @@
82
82
 
83
83
  ```
84
84
 
85
- .categoryクラスにの2つめに付いているクラスがフィルター番号です。
85
+ .categoryクラスにの2つめに付いているクラスがフィルター番号です。
86
86
 
87
- .categoryクラスにの1つめに付いているクラスがフィルター内値です。
87
+ .categoryクラスにの1つめに付いているクラスがフィルター内(option id)です。
88
88
 
89
89
 
90
90