質問するログイン新規登録

質問編集履歴

1

てきとうにやったらできました

2020/07/19 08:44

投稿

teatora
teatora

スコア1

title CHANGED
@@ -1,1 +1,1 @@
1
- jsonデータの、あるカテゴリが入っているデータをhtmlで出力です。
1
+ jsonデータってむずかしい
body CHANGED
@@ -1,60 +1,3 @@
1
- ### 前提・実現したいこと
1
+ てきとうにやってたらできました
2
- jsonデータの、あるカテゴリが入っているデータをhtmlで出力したいです。
3
- どのよう記述を足しよいでしょうか?
2
+ んでできくわからないですけどわら
4
-
5
- 下記の記述でjsonデータすべての出力ができました。
6
-
7
- ### 該当のソースコード
8
-
9
- ```html
10
- div class="listArea">
11
- <div class="listArea__inner">
12
- </div>
3
+ またしつもんがあったらきますね
13
- </div>
14
- ```
15
- ```json
16
- [
17
- {
18
- "category":"aaa",
19
- "subTitle":"ダミーサブタイトル",
20
- "title":"ダミータイトル",
21
- "img":"#",
22
- "url":"#"
23
- },
24
- {
25
- "category":"bbb",
26
- "subTitle":"ダミーサブタイトル",
27
- "title":"ダミータイトル",
28
- "img":"#",
29
- "url":"#"
30
- },
31
- {
32
- "category":"ccc",
33
- "subTitle":"ダミーサブタイトル",
34
- "title":"ダミータイトル",
35
- "img":"#",
36
- "url":"#"
37
- },
38
- {
39
- "category":"ddd",
40
- "subTitle":"ダミーサブタイトル",
41
- "title":"ダミータイトル",
42
- "img":"#",
43
- "url":"#"
44
- },
45
- ]
46
- ```
47
-
48
- ```js
49
- <script type="text/javascript">
50
- $(function(){
51
- $(".listArea__inner").html("");
52
- $.getJSON("article.json", function(data){
53
- $(data).each(function(){
54
- $('<div class="articleBox"><div class="articleBox__inner"><figure><img src="' + this.img + '" alt=""></figure>'
55
- + '<p class="subTitle"><span>' + this.subTitle + '</span></p>'
56
- + '<h2 class="title"><a href="' + this.url + '">' + this.title + '</a></h2></div>})
57
- })
58
- });
59
- </script>
60
- ```