質問編集履歴

4

コード編集

2021/08/18 07:07

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- 参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能)
11
+ 参考サイトのように、"Destination => USA"を選択すると、投稿のID(data-destination="440")を取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能)
12
12
 
13
13
 
14
14
 
@@ -16,9 +16,9 @@
16
16
 
17
17
  チェックボックスはpluginの([select2](https://select2.org/getting-started/builds-and-modules))を使用してチェックボックスを出力しています。
18
18
 
19
- 各チェックボックスoptionのvalueには投稿のIDが登録されている
19
+ 各チェックボックスoptionのvalueには投稿のID(440,63...)が登録されている
20
20
 
21
- 選択したらそのvalueに登録されている投稿IDとdata属性は取得できていますが、その後どうやって取得した情報(記事IDとdata属性)と.category__posts .postにある記事のdata属性IDに一致する記事を表示させたらいいか、ロジックを組み立てられません。
21
+ 選択したらそのvalueに登録されている投稿IDとdata属性は取得できていますが、その後どうやって取得した情報(記事IDとdata属性)と.category__posts .postにある記事のdata属性IDに一致する記事を表示させたらいいか、ロジックを組み立てられません。
22
22
 
23
23
  ご教授よろしくお願いします。
24
24
 
@@ -138,7 +138,7 @@
138
138
 
139
139
  let selectedID = $(".select_value").val($(this).val());
140
140
 
141
- console.log(selectedID); // 63,440...
141
+ console.log(selectedID); // 取得したID=>63,440...
142
142
 
143
143
 
144
144
 
@@ -154,33 +154,9 @@
154
154
 
155
155
 
156
156
 
157
- // 3) var currFilterValue is to get "2) data-attribute" by data()
158
-
159
- // var currFilterValue = $(this)
160
-
161
- // .data(currFilterOption)
162
-
163
- // .toString();
164
-
165
- // alert(currFilterValue); // undefined
166
157
 
167
158
 
168
-
169
- // 4) var filteredPosts -> ".category__posts .post" is filterd by 3)data-reisethema or -destinaton
170
-
171
- var filteredPosts = $(".category__posts .post").filter(function(i, elem) {
172
-
173
- // return $(elem)
174
-
175
- // .attr("data-" + currFilterOption)
176
-
177
- // .split(",")
178
-
179
- // .includes(currFilterValue);
180
-
181
- });
182
-
183
- filteredPosts.fadeIn();
159
+ //filteredPosts.fadeIn();
184
160
 
185
161
  });
186
162
 

3

2021/08/18 07:07

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- こんにちは。
1
+ こんにちは。wordoress初心者です。
2
2
 
3
3
 
4
4
 

2

画像追加

2021/08/18 06:07

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -195,3 +195,7 @@
195
195
  });
196
196
 
197
197
  ```
198
+
199
+
200
+
201
+ ![出力 .category__posts](90ced379b52dabaf65926f8684b2d4b0.png)

1

リンク修正

2021/08/17 19:46

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
 
5
+ *****実現したいこと*****
6
+
5
- 参考サイト-> [](https://www.tomontour.de/hotels/# )
7
+ [参考サイト](https://www.tomontour.de/hotels/#)
6
8
 
7
9
 
8
-
9
- *****実現したいこと*****
10
10
 
11
11
  参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能)
12
12