質問編集履歴
3
ｘｍｌの情報と画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,23 +7,33 @@
|
|
|
7
7
|
- ソート番号を使用して、ソートする
|
|
8
8
|
- htmlで出力する
|
|
9
9
|
|
|
10
|
-
### 前提
|
|
11
|
-
|
|
12
|
-
ここに質問の内容を詳しく書いてください。
|
|
13
|
-
XMLから取得したデータをHTMLで表示させているが、その順番をソート番号で並び替えしたい。
|
|
14
|
-
|
|
15
10
|
### 該当のソースコード
|
|
16
11
|
|
|
17
|
-
```
|
|
12
|
+
```XML形式
|
|
18
|
-
|
|
13
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
19
14
|
<result>
|
|
15
|
+
|
|
16
|
+
<template:block id="portfolio">
|
|
20
|
-
|
|
17
|
+
<item>
|
|
21
|
-
|
|
18
|
+
<id>${ID}</id>
|
|
19
|
+
<title>建物名</title>
|
|
20
|
+
<number>ID</number>
|
|
22
|
-
|
|
21
|
+
<sort_number>ソート番号</sort_number>
|
|
23
|
-
|
|
22
|
+
<type>用途</type>
|
|
23
|
+
<type_number>用途ID</type_number>
|
|
24
|
+
<area>地域</area>
|
|
25
|
+
<area_number>地域ID</area_number>
|
|
26
|
+
<address>詳細_所在地</address>
|
|
27
|
+
<position>所在地</position>
|
|
28
|
+
<img>画像イメージのパス</img>
|
|
24
|
-
|
|
29
|
+
</item>
|
|
30
|
+
</template:block>
|
|
25
|
-
|
|
31
|
+
</result>
|
|
26
32
|
```
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
画面にはこんな形で出力されるのですが、この並び順を変更したいと考えています。
|
|
27
37
|
|
|
28
38
|
```js
|
|
29
39
|
test()
|
|
@@ -80,9 +90,9 @@
|
|
|
80
90
|
```
|
|
81
91
|
|
|
82
92
|
```html
|
|
83
|
-
|
|
93
|
+
<ul class="test-type-list tst-type-1">
|
|
84
|
-
|
|
94
|
+
<!-- liをjsで追加している -->
|
|
85
|
-
|
|
95
|
+
</ul>
|
|
86
96
|
```
|
|
87
97
|
|
|
88
98
|
調査したこと・試したこと
|
2
調査・試したことを記載
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -85,5 +85,19 @@
|
|
|
85
85
|
</ul>
|
|
86
86
|
```
|
|
87
87
|
|
|
88
|
+
調査したこと・試したこと
|
|
89
|
+
試行錯誤状態のため、こうできればすら見えていません。
|
|
90
|
+
|
|
91
|
+
最終的には、
|
|
92
|
+
[array
|
|
93
|
+
[ソート番号,XXX,XXXX,XXXXX,XXXXXX],
|
|
94
|
+
[ソート番号,XXX,XXXX,XXXXX,XXXXXX],
|
|
95
|
+
[ソート番号,XXX,XXXX,XXXXX,XXXXXX],
|
|
96
|
+
]
|
|
97
|
+
この形で配列をと整えれば、並び替えが可能と考えています。
|
|
98
|
+
|
|
99
|
+
課題
|
|
100
|
+
xmlをループさせるため、HTMLの出力が外になる。
|
|
101
|
+
うまく配列が作成できない。ばらばらの配列になってします。
|
|
88
102
|
|
|
89
103
|
|
1
ソース変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -15,8 +15,6 @@
|
|
|
15
15
|
### 該当のソースコード
|
|
16
16
|
|
|
17
17
|
```console出力
|
|
18
|
-
コード
|
|
19
|
-
```
|
|
20
18
|
#document
|
|
21
19
|
<result>
|
|
22
20
|
<item>
|
|
@@ -25,6 +23,8 @@
|
|
|
25
23
|
<title>XXXXXXXXXXXX</title>
|
|
26
24
|
・
|
|
27
25
|
・
|
|
26
|
+
```
|
|
27
|
+
|
|
28
28
|
```js
|
|
29
29
|
test()
|
|
30
30
|
|