質問編集履歴
1
補足の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -116,9 +116,7 @@
|
|
116
116
|
|
117
117
|
|
118
118
|
|
119
|
-
<script
|
120
|
-
|
121
|
-
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
119
|
+
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
122
120
|
|
123
121
|
<script type="text/javascript" src="./app.js"></script>
|
124
122
|
|
@@ -173,3 +171,31 @@
|
|
173
171
|
押されたボタンの値を3番目に持っている要素を `target` に入れられれば動作する見込みなのですが…
|
174
172
|
|
175
173
|
ご助力いただけますと幸いです。
|
174
|
+
|
175
|
+
|
176
|
+
|
177
|
+
## 補足 : 属性値を配列にしている理由
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
これまで下記のように複数の `data-*` 属性を指定していました。
|
182
|
+
|
183
|
+
- `data-postDate` : 日付の絞り込みのため
|
184
|
+
|
185
|
+
- `data-postStatus` : 公開前の記事チェックのため
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
今回新たに、投稿者による絞り込み機能を追加することが決定したのですが単純に `data-*` 属性を追加すると冗長になってしまうことや、今後、他のページでも属性値を取得して何かしらの処理を加えるといった改修案があるため、一つの `data-*` 属性にまとめられないかという意見のもと、試している次第です。
|
190
|
+
|
191
|
+
|
192
|
+
|
193
|
+
そのため、要件が満たせるのであれば下記のように配列ではなくオブジェクトの形式でも構いません。
|
194
|
+
|
195
|
+
|
196
|
+
|
197
|
+
`data-post='{"date":"20180212","status":"publish","author":"admin"}'`
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
ただしこの場合、記述量が長くなるため、できれば配列で実現したいと考えております。
|