質問編集履歴

6

HTMLを置き換えました

2020/09/24 13:14

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -20,9 +20,75 @@
20
20
 
21
21
 
22
22
 
23
- [JSFiddle](https://jsfiddle.net/0mgtfc1q/)
23
+ ```HTML
24
24
 
25
+ <div id="view-table">
26
+
27
+ <table>
28
+
29
+ <tbody>
30
+
31
+ <tr>
32
+
25
- 再現したいコードが膨大のため、上記に記載いたしました。
33
+ <td></td>
34
+
35
+ <td></td>
36
+
37
+ <td></td>
38
+
39
+ <td><ul><li><a href="##1"></a></li></ul></td>
40
+
41
+ </tr>
42
+
43
+ <tr>
44
+
45
+ <td></td>
46
+
47
+ <td></td>
48
+
49
+ <td></td>
50
+
51
+ <td><ul><li><a href="##2"></a></li></ul></td>
52
+
53
+ </tr>
54
+
55
+ <tr>
56
+
57
+ <td></td>
58
+
59
+ <td></td>
60
+
61
+ <td></td>
62
+
63
+ <td>
64
+
65
+ <ul><li><a href="##3"></a></li></ul>
66
+
67
+ <ul><li><a href="##4"></a></li></ul>
68
+
69
+ </td>
70
+
71
+ </tr>
72
+
73
+ <tr>
74
+
75
+ <td></td>
76
+
77
+ <td></td>
78
+
79
+ <td></td>
80
+
81
+ <td><div></div></td>
82
+
83
+ </tr>
84
+
85
+ </tbody>
86
+
87
+ </table>
88
+
89
+ </div>
90
+
91
+ ```
26
92
 
27
93
  その結果
28
94
 

5

加筆致しました。

2020/09/24 13:14

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -21,3 +21,11 @@
21
21
 
22
22
 
23
23
  [JSFiddle](https://jsfiddle.net/0mgtfc1q/)
24
+
25
+ 再現したいコードが膨大のため、上記に記載いたしました。
26
+
27
+ その結果
28
+
29
+ [["##1"],["##2"],[["##3"],["##4"]],["-"]]となることを期待しております。
30
+
31
+ また、"-"となるべきdiv要素については<!--ここです-->でコメントしております。

4

正確なHTMLを再現しました

2020/09/24 12:30

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -20,104 +20,4 @@
20
20
 
21
21
 
22
22
 
23
- ```html
24
-
25
- <div id="view-table">
26
-
27
- <table>
28
-
29
- <tbody>
30
-
31
- <tr>
32
-
33
- <td></td>
34
-
35
- <td></td>
36
-
37
- <td></td>
38
-
39
- <td><ul><li><a href="#"></a></li></ul></td>
40
-
41
- </tr>
42
-
43
- <tr>
44
-
45
- <td></td>
46
-
47
- <td></td>
48
-
49
- <td></td>
50
-
51
- <td>
52
-
53
- <ul>
54
-
55
- <li><a href="##"></a></li>
56
-
57
- <li><a href="###"></a></li>
58
-
59
- </ul>
60
-
61
- </td>
62
-
63
- </tr>
64
-
65
- <tr>
66
-
67
- <td></td>
68
-
69
- <td></td>
70
-
71
- <td></td>
72
-
73
- <td>
74
-
75
- <div></div>
76
-
77
- </td>
78
-
79
- </tr>
80
-
81
- </tbody>
82
-
83
- <table>
84
-
85
- </div>
86
-
87
- ```
88
-
89
-
90
-
91
- ```javscript
92
-
93
- var attachmentUrl = []
94
-
95
- $("#view-table table tbody tr").each(function(index, tr){
96
-
97
-
98
-
99
- $(tr).children('td:eq(4)').each(function(index, td){
100
-
101
- $(td).children('ul').each(function(index, ul){
102
-
103
- var liCount = $(ul)[0].children.length
104
-
105
- if (liCount==1){
106
-
107
- attachmentUrl.push($(ul).find('a').attr('href'))
23
+ [JSFiddle](https://jsfiddle.net/0mgtfc1q/)
108
-
109
- }
110
-
111
- if (liCount > 1){
112
-
113
- //多次元がわからない
114
-
115
- }
116
-
117
- })
118
-
119
- })
120
-
121
- });
122
-
123
- ```

3

修正しました

2020/09/24 12:26

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  以下のようなHTMLの構造を持っているものについて、最終的にhrefの中みを以下のような配列で持たせようと考えております。ulの代わりにdivタグの場合には"-"の代入を想定しています。
2
2
 
3
- attachmentUrl = ["#"],["##","###"],["-"]]
3
+ attachmentUrl = [["#"],["##","###"],["-"]]
4
4
 
5
5
  つまり、liに対応するhrefを配列の要素に並べたいのですが、中にはliが複数存在する場合があるので、その場合には、多次元配列にして格納するという塩梅です。
6
6
 
@@ -58,7 +58,21 @@
58
58
 
59
59
  </ul>
60
60
 
61
+ </td>
62
+
63
+ </tr>
64
+
65
+ <tr>
66
+
67
+ <td></td>
68
+
69
+ <td></td>
70
+
71
+ <td></td>
72
+
73
+ <td>
74
+
61
- <div></div>
75
+ <div></div>
62
76
 
63
77
  </td>
64
78
 

2

再度修正しました

2020/09/24 10:21

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
- 以下のようなHTMLの構造を持っているものについて、最終的にhrefの中みを以下のような配列で持たせようと考えております。
1
+ 以下のようなHTMLの構造を持っているものについて、最終的にhrefの中みを以下のような配列で持たせようと考えております。ulの代わりにdivタグの場合には"-"の代入を想定しています。
2
2
 
3
- attachmentUrl = ["#",["##","###"]]
3
+ attachmentUrl = ["#"],["##","###"],["-"]]
4
4
 
5
5
  つまり、liに対応するhrefを配列の要素に並べたいのですが、中にはliが複数存在する場合があるので、その場合には、多次元配列にして格納するという塩梅です。
6
6
 
@@ -12,9 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- ここで、ul liの中には必ずaタグが含まれていますが、<ul>タグの代わりに<div>の場合もあり、その場合は"-"としたいと考えております
15
+ ここで、ul liの中には必ずaタグが含まれています
16
-
17
-
18
16
 
19
17
  何かよいアイデアはございますでしょうか。
20
18
 

1

ご指摘の点をは加筆しました。

2020/09/24 08:17

投稿

pegy
pegy

スコア245

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,10 @@
9
9
  そこで、以下のコードまで作ってliが一つの場合まではうまく実装できたのですが、多次元の場合がうまくコーディングのアイデアが浮かびません。
10
10
 
11
11
  配列に要素をpushで追加する場合、空の配列を作ってpushすると思うのですが、多次元用に配列を作ると、添え字をもつ連想配列になってしまうと思ったため、うまくいかないでいます。
12
+
13
+
14
+
15
+ ここで、ul liの中には必ずaタグが含まれていますが、<ul>タグの代わりに<div>の場合もあり、その場合は"-"としたいと考えております
12
16
 
13
17
 
14
18
 
@@ -55,6 +59,8 @@
55
59
  <li><a href="###"></a></li>
56
60
 
57
61
  </ul>
62
+
63
+ <div></div>
58
64
 
59
65
  </td>
60
66