質問編集履歴
4
コード編集
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属性
|
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
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
こんにちは。
|
1
|
+
こんにちは。wordoress初心者です。
|
2
2
|
|
3
3
|
|
4
4
|
|
2
画像追加
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
リンク修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
*****実現したいこと*****
|
6
|
+
|
5
|
-
参考サイト
|
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
|
|