質問編集履歴

2

added image

2021/08/20 06:57

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -217,3 +217,5 @@
217
217
 
218
218
 
219
219
  ![出力](e69f8fbae713a57598ae99d286231041.png)
220
+
221
+ ![.category__posts .post内のhtml](b1b45477e1308f250b8f53726a481087.png)

1

テキスト修正

2021/08/20 06:56

投稿

tomtom199
tomtom199

スコア10

test CHANGED
File without changes
test CHANGED
@@ -6,26 +6,28 @@
6
6
 
7
7
  *****実現したいこと*****
8
8
 
9
- 参考サイトのDestination=>USAをクリックするとUSAに関連する記事が表示されます。これを複数選択可能にして、2つなどに関連する記事を表示させたいです。
9
+ 参考サイトのDestination=>USAをクリックするとUSAに関連する記事が表示されます。これを複数選択可能にして、複数選択した国に関連する記事を表示させたいです。
10
10
 
11
11
  ロジックとしては、チェックボックスをクリックしたら、設定されたvalueの値(63, 440, 381...etc)を取得
12
12
 
13
+ クリックするたびにそれらの値を配列に格納
14
+
13
15
  class .category__posts .post内にある投稿の値(63, 440, 381...etc)と一致するか確認
14
16
 
15
17
  取得した値と投稿の値が一致したら、その投稿だけを表示させる。
16
18
 
17
19
 
18
20
 
19
- 2回目にクリックしたチェックボックスの値も取得して、1回目と2回目の値が投稿の値と一致するなら、投稿を表示させたいです
20
-
21
-
22
-
23
- select2で生成されたチェックボックスをクリックして取得できますが、2回目以降に取得できる値はカンマと一緒に自動的に出力されるので、**そのカンマを削除**したいです。
21
+ select2で生成されたチェックボックスをクリックして値取得できますが、2回目以降に取得できる値はカンマと一緒に自動的に出力されるので、**そのカンマを削除**したいです。
24
22
 
25
23
  カンマがあることによって配列の要素として1つ1つ追加できない状態です。
26
24
 
27
25
 
28
26
 
27
+ 配列に追加したい理由は、複数選択した際にその取得した複数の値を配列に格納して、それを1つ1つ .category__posts .post内にある投稿の値と比較するために配列が必要だと考えました。もし他にもっと簡単なロジックがあれば、ぜひそちらで実装もしたいと考えています。
28
+
29
+
30
+
29
31
  *****現在の状況*****
30
32
 
31
33
  チェックボックスをクリックしたら、valueに設定した値(64や440...etc)などが取得できています。しかしそれらの値を配列に追加してforEachで1つ1つ出力すると、スクリーンショットのように取得できた値がカンマと一緒に出力されます。これはプラグインselect2の初期設定が原因と考えましたが、ドキュメントにはそういうことは記載されてなく、stackoverflowにもこれに関することは見つけられませんでした。もしくはチェックボックスが吐き出す特別なものでしょうか?